element popover 弹出框在表格内显示多个的解决办法 实测有效~

用的是element plus框架,官网给到的方法是用visible / v-model:visible来控制popover的显示与隐藏,此方法用于单个气泡还是比较好用的,但是在表格中不大适用,容易导致所有的气泡全部弹出.

简单粗暴直接上干货~

1. 添加ref属性,要用下标区分开,这样每一行生成的弹出框都是不一样的

2. 不使用visible / v-model:visible的属性

3. 点击关闭按钮,将以下属性设置为false即可

3.2 首选方案

this.$refs[`popoverCode${index}`].hide()

这样就完成单个气泡的显示与隐藏啦~~~