element-ui的popover嵌套popover问题(已解决)


近期使用element-ui时发现了个小bug:https://codepen.io/jiangguangyao/pen/KKNLMYG

在popover内嵌套popover,外层使用的是manual方法,内部使用的click方法(click点击除当前节点会关闭当前popover)

在内部popover打开后,点击外部popover内的空白页,关不掉!!!

 

解决方法:(两种)

  1. popover内部嵌套popover的方法,在外层popover的内容上添加click事件(注意是否需要.native),用this.$refs.XXX.doClose()方法关闭,同时触发内部popover的reference,需要添加click事件阻止事件冒泡,两者缺一不可(不阻止事件冒泡,就会造成内部popover打不开--实际上是打开了又关掉了)(初始思路,我也看不懂了...直接看第二种方法)。

  2. 效仿select框,在点击popover弹出内容的区域设置自定义指令(clickoutside),当点击popover外侧时,关掉popover即可

 

各位大佬有更好的解决方案可以提一下,一起交流,总结经验,共同进步!


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM