近期使用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即可
各位大佬有更好的解决方案可以提一下,一起交流,总结经验,共同进步!