element-ui解决循环出多个el-popover点击其中一个则其它都关闭
当循环出来的多个popover时,点击其中一个,可能关闭了所有的
解决方法:
1.v-model绑定一个数组
2.点击关闭时将index传过去
3.改变组数中当前的状态
一、主要代码
Popover的v-model赋值是 vsibles[index],index是循环的索引,而vsibles是一个数组,在data中定义
<el-popover
placement="right"
width="30px"
trigger="click"
v-model:visible="visibles[node.id]"
>
<el-button type="text" @click="delSingle()" size="small">
删除
</el-button>
<i
style="margin-left: 10px"
:class="data.icon"
slot="reference"
></i>
</el-popover>
visibles: [],
delSingle() {
console.log('删除一个')
this.visibles = []
},
链接: https://blog.csdn.net/qq_44364267/article/details/124387192