Vue之点击弹窗之外的任意位置关闭弹窗
//弹窗<divclass="card"v-show="treeRightClick"id="menu"></div>mounted() {//点击任意位置关闭区域弹窗document.addEventListener('click',(e) => {//获取弹窗对象const userCon = document.getElementById('menu');//判
·
//弹窗
<div class="card" v-show="treeRightClick" id="menu"></div>
mounted() {
//点击任意位置关闭区域弹窗
document.addEventListener('click',(e) => {
//获取弹窗对象
const userCon = document.getElementById('menu');
//判断弹窗对象中是否包含点击对象
if(userCon && !userCon.contains(e.target)) {
//如果包含则跳转回之前的页面
this.treeRightClick = false;
}
})
},
更多推荐
已为社区贡献10条内容
所有评论(0)