el-table中使用el-popover时el-popver无法显示的问题(vue2)

element-ui 文档是这么使用单个el-popover的:

el-table中使用el-popover时el-popver无法显示的问题(vue2)_第1张图片

如果按上述代码在表格中使用el-popver时,多个el-popver都是绑定同一个变量(visible)。导致el-popover无法渲染。

经过查询和实践,在表格中使用el-popover时应该为每个popover绑定一个独特变量,这样才能正常渲染,如下所示:

 el-table中使用el-popover时el-popver无法显示的问题(vue2)_第2张图片

关闭时采用el-popver的doClose()方法,如下所示:

 

你可能感兴趣的:(vue.js,前端,javascript,elementui)