基于Vue中點擊組件外關閉組件的實現方法

來源：懂視網責編：小采時間：2020-11-27 22:17:46

基于Vue中點擊組件外關閉組件的實現方法

基于Vue中點擊組件外關閉組件的實現方法:Vue定義全局點擊函數，參數為點擊的回調函數。 Vue.prototype.globalClick = function (callback) { //頁面全局點擊 $(document).click(callback); } 組件掛載后監聽全局的點擊事件 mounted:function () { this.global

推薦度：

點擊下載本文 文檔為doc格式

導讀基于Vue中點擊組件外關閉組件的實現方法:Vue定義全局點擊函數，參數為點擊的回調函數。 Vue.prototype.globalClick = function (callback) { //頁面全局點擊 $(document).click(callback); } 組件掛載后監聽全局的點擊事件 mounted:function () { this.global

Vue定義全局點擊函數，參數為點擊的回調函數。

Vue.prototype.globalClick = function (callback) { //頁面全局點擊
 $(document).click(callback);
}

組件掛載后監聽全局的點擊事件

mounted:function () {
 this.globalClick(this.handleClickOut);
},

隱藏元素。

取到dom節點，判斷父級是否存在來判斷是否需要來關閉

handleClickOut:function (event) {
 if($(event.target).parents(".sys-add-user-dialog").length == 0){
 //隱藏元素
 }
},

以上這篇基于Vue中點擊組件外關閉組件的實現方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

基于Vue中點擊組件外關閉組件的實現方法

推薦度：

點擊下載本文 文檔為doc格式

標簽：關閉 VUE 組件

熱門焦點

基于Vue中點擊組件外關閉組件的實現方法

基于Vue中點擊組件外關閉組件的實現方法

基于Vue中點擊組件外關閉組件的實現方法

最新推薦

猜你喜歡

熱門推薦