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

Posted 2023-02-22

【中文标题】为嵌套数组中的项目添加字符循环 - Vue.js

【英文标题】：Prepend character to loop for items in a nested array - Vue.js

【发布时间】：2021-06-04 22:23:05

【问题描述】：

在 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"

谢谢！

【参考方案1】：

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

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