javascript - vue中如何實作點擊其他地方關閉modal
我想大声告诉你
我想大声告诉你 2017-05-19 10:35:22
0
3
780

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

我想大声告诉你
我想大声告诉你

全部回覆(3)
给我你的怀抱

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

我想大声告诉你

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

PHPzhong

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板