假设你在遮罩层中写了一个pop窗 可以通过中断捕获阶段和取消冒泡阶段capture-catch控制手指触摸后移动
capture-catch:touchmove
例子
// 底部的内容盒子
<div>
<div class="content" :capture-catch:touchmove="preventdefault">
<div @click="openPop">打开弹窗</div>
</div>
// 弹窗
<van-popup
:show="showPopup"
@close="onClose"
>
</van-popup>
</div>
data() {
return {
// 控制遮罩层后面是否可以滚动
preventdefault: '',
showPopup: ''
},
//关闭弹窗
onClose() {
this.showPopup = false
this.preventdefault = ''
},
//打开弹窗
openPop() {
this.showPopup = true
this.preventdefault = 'preventdefault'
},