vue中点击屏幕其他区域关闭自定义div弹出框

最新推荐文章于 2024-07-13 01:06:09 发布

前端队长

最新推荐文章于 2024-07-13 01:06:09 发布

阅读量1.2k

点赞数

分类专栏： Vue.js 文章标签： vue jquery js dom javascript

本文链接：https://blog.csdn.net/lvonve/article/details/108721564

版权

Vue.js 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

直接上代码：

mounted: function () {
    let that = this;
    $(document).on('click', function (e) {
        let dom = $('.myDiv')[0]; // 自定义div的class

        if (dom) {
            // 如果点击的区域不在自定义dom范围
            if (!dom.contains((e.target))) {
                that.showMyDiv = false;
            }
        } 
    });
},
beforeDestroy() {
    $(document).off('click');
}