Vue 自定義點擊指定div外觸發指令:v-clickOutside
directive.js main.js 頁面 ...
js文件 main.js 頁面 頁面來源:https: blog.csdn.net weixin article details ...
2020-12-15 14:26 0 928 推薦指數:
directive.js main.js 頁面 ...
1、vue模塊中的內容 第一步,我們在自己的vue模塊中整體添加了一個hidePanel事件,准備整體區域進行點擊,然后id為myPanel的div是我們要處理的那個小組件。 2、定義變量 3、第三步才是重點,其實大家都知道,要觸發一個事件 ...
1注冊指令 2使用指令 ...
直接上代碼: ...
clickoutside.js // 代碼內容 const clickoutsideContext = '@@clickoutsideContext'; expor ...
VUE不僅為我們提供了自定義組件,還提供了自定義指令。當然,這個玩意我在VUE2中是沒有用到過的。 VUE3中我大概試一下這個自定義指令: 官方文檔: https://vue3js.cn/docs/zh/guide/custom-directive.html#動態指令參數 一:注冊全局指令 ...
查閱vue官方文檔,得知click事件作用於組件內部,如果組件內沒有寫click事件,便會無響應。 解決辦法:加上 .native 原生修飾符 ...