自定义弹窗禁止底部页面内容滑动（禁止穿透）

一、禁止弹窗下方页面内容滚动

在弹窗的外部盒子上加上 @touchmove.stop.prevent="moveHandle"

<view class="model"  @touchmove.stop.prevent="moveHandle">
 
</view>

定义方法 moveHandle

// 禁止弹窗滚动
 function moveHandle() {
     return false
 },

二、禁止弹窗页面内容的滑动

在弹窗的最大的盒子上,将该盒子的高度设定为100vh

<view  class="model">
    这里是弹窗的具体信息内容
</view>
 
.model{
  height: 100vh;
}