Vue中點擊組件外關閉組件的實現方式

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){
        //隱藏元素
    }
},