其他分享
首页 > 其他分享> > vue中点击其他任意位置关闭弹框

vue中点击其他任意位置关闭弹框

作者:互联网


    mounted() {
        //点击任意位置关闭区域弹窗
        document.addEventListener('click', (e) => {

            //获取弹窗对象
            const userCon = document.getElementsByClassName('tanKuang')[0];
            const userCon1 = document.getElementsByClassName('tanKuang')[1];

            //判断弹窗对象中是否包含点击对象
            if (userCon && !userCon.contains(e.target)&& !userCon1.contains(e.target)) {
                //如果包含则跳转回之前的页面
                this.isShowModal = false;
            }

        })

    },

 

标签:vue,contains,弹框,点击,tanKuang,userCon,document,弹窗
来源: https://www.cnblogs.com/liyunxi/p/16424539.html