为嵌套数组中的项目添加字符循环 - Vue.js

Question

在 v-for 循环中，我试图在嵌套数组的每个项目前添加一个字符，该数组可以容纳多个项目。

我尝试了几条路线，但都没有成功：

:data-filter="addDot(item.buttonFilters)"

addCharacter(el) {
    for(let i = 0; i < el.length; i++){
        return '.'+el+','
    }
},

=> data-filter=".cat2,cat1,"

其他方法：

:data-filter="'.'+item.buttonFilters"

=> data-filter=".cat1,cat2"

想要的输出：

=> data-filter=".cat1,.cat2"

谢谢！

Answer 1

您可以使用Array.map 和Array.join：

:data-filter="item.buttonFilters.map(el => `.${el}`).join(',')"