这次给大家带来Vue中点击组件后即可关闭组件的实现方法，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){
//隐藏元素
}
},相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
Atas ialah kandungan terperinci Vue中点击组件后即可关闭组件的实现方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Komponen induk Vue memanggil kaedah komponen anak
Pengenalan kepada komponen laravel
Bagaimana untuk menyambung jalur lebar ke pelayan
Bagaimana untuk mencipta folder baharu dalam webstorm
Word halaman tunggal menukar orientasi kertas
Bagaimana untuk membersihkan pemacu C apabila ia menjadi merah
Bagaimana untuk menukar pdf ke format xml
MySQL menukar kata laluan root
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
