基于Vue中点击组件外关闭组件的实现方法

基于Vue中点击组件外关闭组件的实现方法

vue定义全局点击函数，参数为点击的回调函数。

Vue.prototype.globalClick = function (callback) { //页面全局点击

$(document).click(callback);

}

组件挂载后监听全局的点击事件

mounted:function () {

this.globalClick(this.handleClickOuthttp://);

},

隐藏元素。

取到dom节点，判断父级是否存在来判断是否需要来关闭

handhttp://leClickOut:function (event) {

if($(event.target).parents(".sys-add-useZRCVmhkDr-dialog").length == 0){

//隐藏元素

}

},

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。