下面小编就为大家分享一篇基于Vue中点击组件外关闭组件的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue定义全局点击函数，参数为点击的回调函数。
Vue.prototype.globalClick = function (callback) { //页面全局点击 $(document).click(callback); }
组件挂载后监听全局的点击事件
mounted:function () { this.globalClick(this.handleClickOut); },
隐藏元素。
取到dom节点，判断父级是否存在来判断是否需要来本文来源gaodai#ma#com搞*代#码9网#关闭
handleClickOut:function (event) { if($(event.target).parents(".sys-add-user-dialog").length == 0){ //隐藏元素 } },
以上就是基于Vue中点击组件外关闭组件的实现方法的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：基于Vue中点击组件外关闭组件的实现方法
转载请注明原文链接：基于Vue中点击组件外关闭组件的实现方法
