在弹窗的时候给body 加上overflow:hidden 即可
watch: {
// 禁止页面滚动
// slideStatus 是页面开启和关闭的判断布尔值
slideStatus(val) {
// 通过添加和删除class类名的方式 来禁止页面滑动
if (val) {
document.body.classList.add("overflow");
} else {
document.body.classList.remove("overflow");
}
},
},
给body 加上overflow 类名 来达到禁止背景滚动的效果
.overflow{
overflow: hidden;
}