<div class="but-alert" @click="lookDetail()">查看详情</div>
<div class="weather-forecast">详情页面</div>
function bodyClick(e: any) {
const but = document.querySelector('.but-alert')
const dialog = document.querySelector('.weather-forecast')
// 重点是contains，是否包含元素
if (but && !but.contains(e.target) && dialog && !dialog.contains(e.target) ) {
weatherDialog.value = false;
}
}
// 页面点击他处，控制弹窗显示隐藏
document.addEventListener('click', (e) => {
bodyClick(e)
});
