100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > element-ui 解决循环出多个el-popover点击其中一个则其它都关闭

element-ui 解决循环出多个el-popover点击其中一个则其它都关闭

时间:2019-01-20 11:51:49

相关推荐

element-ui 解决循环出多个el-popover点击其中一个则其它都关闭

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。