element-ui Popover 弹出框 点击当前的隐藏其他的弹出框

Question

如标题所说，点击当前的，关闭其他弹出框

点击icon 图标显示，在想点击其他icon图标的时候其他弹出框关闭
现在是这样的

代码如下

Answer 1

使用这个方法就可以点击别的按钮的时候把弹出框关闭了 this.$refs['名字'].doClose()

Answer 2

首先，你给所有的弹出框绑定一个ref的属性，ref="popover"，然后通过this.$refs[名字].value = false就可以关闭弹出层了，你可以给所有弹出层绑定一个show事件，就是任意一个显示，所有其他的ref的value就赋值成false。