1、bug重现
1)脱离、间隔
2)往上跑了
3)往下跑了
2、解决方法
html
<!-- 新增修改弹窗 -->
<a-modal
v-model="addModal"
:width="600"
title="添加'"
@ok="handleOk"
@cancel="addCancel"
>
<add-content
ref="addCont"
></add-content>
</a-modal>
data
data() {
return: {
addModal: false
}
}
// 监听元素滚动
watch: {
addModal(val, old) {
!val? (document.getElementById("popContainer").style.overflowY = "scroll"): "";
},
},
methods: {
// 点击新增按钮
handleAdd() {
this.addPop = true;
// 获取元素
document.getElementById("popContainer").style.overflowY = "hidden";
},
// 新增弹窗的取消按钮
addCancel() {
this.addPop = false;
document.getElementById("popContainer").style.overflowY = "scroll";
},
}
3、效果(怎么滚都不偏了)
红雨沾湿远行衣,又到告别春天时。