mounted() {
// 监听页面的点击事件,如果鼠标在pop弹出框和按钮外点击,那么让弹出框不显示
document.onclick = () => {
let e = e || window.event;
let elem = e.srcElement || e.target;
while (elem) {
if (elem.id == "headerSearch" || elem.id == "SearchAddressBookId"||elem.id == "PersonalCenterSettingsID" || elem.id == "PersonalCenterSettingsID"|| elem.id == "headeruser"|| elem.id == "noPeopleStatusStyleID") {
return;
}
elem = elem.parentNode;
}
this.PersonalCenterSettings.showPersonalCenterBox = false;
this.PersonalCenterSettings.showPersonalCenterStatus = false;
this.SearchAddressBook.showSearchAddressBook = false;
}
},
vue.js中实现在弹框外有鼠标点击事件时隐藏弹框
最新推荐文章于 2024-04-22 11:21:00 发布