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