近期使用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即可
各位大佬有更好的解決方案可以提一下,一起交流,總結經驗,共同進步!
