用的是vue3 watch监听
上代码
// show_mobile_popup 用于存储是否打开遮罩层的状态
watch(show_mobile_popup, (newValue,oldValue) => {
if(newValue) {
//在点击显示遮罩层时,禁止页面滚动
document.body.style.overflow = 'hidden';
}else {
//在关闭遮罩层时,解除页面禁止滚动
document.body.style.overflow = 'auto';
}
})