代码
.vue文件
<ul >
<li v-for="i in items" @click="handle(i)">
<span v-if=‘item.isshow‘>{{i.name}}</span>
</li>
</ul>
.js文件
data: function() {
return {
items: [{
name:"zhang",
isshow: true
}, {
name:"san",
isshow: true
}]
}
},
methods: {
handle: function(i) {
i.isshow = !i.isshow;
}
}
vue双重循环,点击第一层的某个li,其二层对应的子元素隐藏或显示
于 2022-03-21 09:41:28 首次发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)