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

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

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

clipboard.png
代码如下

clipboard.png

阅读 8.3k
2 个回答

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

新手上路,请多包涵

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题