微信小程序页面滚动条穿透遮罩层解决方案

假设你在遮罩层中写了一个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'
 },