那你得 接着 循环 才行啊 。 嵌套循环
v-for item.detail
直接吧数组渲染出去了,你还得循环一层,把数组里面的个体循环出来
{{item.value}}: <span v-for="sItem in item.detail" :key="sItem">{{sItem}}</span>
日常头秃,哈哈
你是把数组直接丢进去了,在套一层,把值取出来。
秃着秃着就没头发可秃了,没听过一句话吗?你变秃了,但你也变强了
基于问题,可以使用正则去处理
1.首先你的内容item.detail可以拿到
2.正则给你 '["A3", "A4"]'.replace(/["[]]/g, '')
3.这个处理可以套一个template
祝好 如有帮助 请采纳 点赞
<span v-for="itemList in item.detail" :key="itemList.detail">{{itemList.detail}}</span>
修改为:
<span v-for="itemList in item.detail" :key="itemList">{{itemList}}</span>
本身就循环detail数组了,为什么还要取itemList.detail
其实一个join()就可以解决了