前置字符以循环嵌套数组中的项目 - 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 and Array.join:

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

前置字符以循环嵌套数组中的项目 - Vue.js

Prepend character to loop for items in a nested array - Vue.js

javascript

arrays

vue.js

vue-component