记录在el-table中使用el-popover遇到的坑

 

由于项目需要实现在表格中删除前进行提示，最终效果如下图。

但在开发过程中点击删除popover弹框不出现，在网上找了很多方法都不能解决问题，就综合了一下。

解决方法：

html部分：

在获取列表时，在表格数据中添加visible:false属性，用来控制每个popover的控制/显示

res.data.data.result.forEach(function (item) {
    item.visible = false
})

js部分：

deleteTask (row) {
    this.$refs[row.id].doClose()
},