javascript - vue中如何實作點擊其他地方關閉modal

Question

#如圖所示，點擊其他地方如何關閉這個彈出層，用jquery操作起來很簡單，我想知道在vue中實現這個功能的
思路是什麼？

Answer 1

當彈出modal的時候，在modal下面寫一個遮罩層overlay, css樣式為position: fixed; top: 0; right: 0; bottom: 0; left: 0;並在其上面綁定一個點擊事件關閉modal

Answer 2

可以在全域綁定一個點擊事件，在這個彈出層上阻止點擊事件的冒泡，就可以達到你想要的效果。

Answer 3

如果引入jquery的話，就用jquery的寫法在當前元件上面寫，否則就自己寫原生事件了。
可以參考element.ui 的popover組件的相關寫法63行。