问题:
当打开dialog或者其他弹窗组件至于顶页时,滑动dialog会影响底页,使其一同滚动。
解决方法:
以dialog为例(v-model=“dialog”),当dialog = true 时,弹窗打开。
js:
//检测该值变化
watch: {
dialog(val) {
if (this.dialog == true) {
//开启dialog时,在body增加一个属性
document.body.classList.add('overflow-hidden');
} else {
//别忘了销毁该属性
document.body.classList.remove('overflow-hidden');
}
}
},
css:
.overflow-hidden {
overflow: hidden;
position: relative;
}
是不是很有用?