84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
#如圖所示，點擊其他地方如何關閉這個彈出層，用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行。