vue中點擊屏幕其他區域關閉自定義div彈出框
直接上代碼: ...
vue模塊中的內容 第一步,我們在自己的vue模塊中整體添加了一個hidePanel事件,准備整體區域進行點擊,然后id為myPanel的div是我們要處理的那個小組件。 定義變量 第三步才是重點,其實大家都知道,要觸發一個事件,然后這個事件還是點擊事件,點擊到我們這個id是 myPanel以外的地方才進行一些操作,也就是把panelShow賦值為false ...
2019-12-06 17:54 0 339 推薦指數:
直接上代碼: ...
js文件 main.js 頁面 頁面來源:https://blog.csdn.net/weixin_43837268/article/details/88722598 ...
directive.js main.js 頁面 ...
1)在組件中引入element-ui的Clickoutside指令 import Clickoutside from 'element-ui/src/utils/clickoutside' 2)在組 ...
html: View Code js: View Code css: View Code 然后發現下拉框點擊空白處不關閉,然后在加上一個事件 效果圖 ...