Vue中点击弹窗之外的任意位置关闭弹窗

**

Vue中点击弹窗之外的任意位置关闭弹窗

**

//弹窗
 <div id="children-view">
 	...
 </div>

mounted() {
		//给页面添加鼠标抬起事件
        document.addEventListener('mouseup',(e) => {
        	//获取弹窗对象
            const userCon = document.getElementById('children-view')
            //判断弹窗对象中是否包含点击对象
            if(userCon &&　!userCon.contains(e.target)) {
            	//如果包含则跳转回之前的页面
                this.$router.push()
            }
        })
    }

说明：
此博客仅为记录，如有瑕疵，多多包涵。