#如圖所示,點擊其他地方如何關閉這個彈出層,用jquery操作起來很簡單,我想知道在vue中實現這個功能的思路是什麼?
當彈出modal的時候,在modal下面寫一個遮罩層overlay, css樣式為position: fixed; top: 0; right: 0; bottom: 0; left: 0;並在其上面綁定一個點擊事件關閉modal
position: fixed; top: 0; right: 0; bottom: 0; left: 0;
可以在全域綁定一個點擊事件,在這個彈出層上阻止點擊事件的冒泡,就可以達到你想要的效果。
如果引入jquery的話,就用jquery的寫法在當前元件上面寫,否則就自己寫原生事件了。 可以參考element.ui 的popover組件的相關寫法63行。
當彈出modal的時候,在modal下面寫一個遮罩層overlay, css樣式為
position: fixed; top: 0; right: 0; bottom: 0; left: 0;
並在其上面綁定一個點擊事件關閉modal可以在全域綁定一個點擊事件,在這個彈出層上阻止點擊事件的冒泡,就可以達到你想要的效果。
如果引入jquery的話,就用jquery的寫法在當前元件上面寫,否則就自己寫原生事件了。
可以參考element.ui 的popover組件的相關寫法63行。