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中點擊組件外關閉組件的實現方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。