努力向前走一步，离梦想就更近一步。错过现在就等于糟蹋未来。生活就是那样，不留一丝余地，活下去似乎都需要很大的勇气。
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中点击组件外关闭组件的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
