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