**
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()
}
})
}
说明:
此博客仅为记录,如有瑕疵,多多包涵。