v-for循环里面的点击事件显示和隐藏
如果直接在v-for循环里面写点击事件,当循环多个的时候没有唯一标识,就会导致每个都会点击,解决办法如下
解决方案:
<div v-for="item in dataList" :key="item.id">
<div @click="changeFn(item)">{{item.name}}</div>
<div>
listFn(){//dataList-列表的接口赋值
//接口就不写了
dataList.forEaach((item)=>{
item.isShow = false
this.dataList.push(item)
})
},
changeFn(item){
item.isShow = true
}