v-for 里面写 :class ='{active:flag[index]} @click="showContent(index)"
data:{
flag:[]
}
showContent:function(index){
var f=this.flag[index] = !this.flag[index]
this.$set(this.flag,index,f);
}
.active{
display: none;
}


本文探讨了在Vue.js中使用v-for指令结合@click事件和动态:class绑定来实现列表项的显示与隐藏功能。通过定义一个flag数组并利用其布尔值控制对应的元素样式,实现了列表项点击后状态的切换。
v-for 里面写 :class ='{active:flag[index]} @click="showContent(index)"
data:{
flag:[]
}
showContent:function(index){
var f=this.flag[index] = !this.flag[index]
this.$set(this.flag,index,f);
}
.active{
display: none;
}


496
489

被折叠的 条评论
为什么被折叠?