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