vue el-table中使用el-popover手动使其消失

vue项目中想点击表格中的一个文本显示一个用popover包裹的控制面板,选择控制面板中的一项后popover消失,向服务器传递数据

可是popover弹出后,需要鼠标点击一下才能消失,

于是只能自己模拟一下鼠标点击事件,但是又不是什么东西都能点,所以干脆创建一个看不到的div,然后触发div的点击事件

.... this.$refs.closePopover.click()

在popover中执行操作之后,调用点击事件,亲测有效

歧路:

el-popover自己的doClose函数没起作用,给table中的el-popover们设置了ref之后

打印this.$refs

console.log('refs', this.$refs)

能清楚VueComponent中doClose函数声明, 但是调用也不会使其消失,于是就放弃这种做法了

你可能感兴趣的:(Vue)