解决van-overlay遮罩内容不能上下滚动的问题

 <van-overlay :show="isShow" :lock-scroll="false">
      <div class="add-popup">
        <div class="add-popup-top">
          <div class="title">添加权限</div>
          <div class="close-btn" @click.stop="isShow = false"><van-icon name="cross" color="#C8C9CC" size="18px"/></div>
        </div>
        <div class="overflow-cont">
　　　　　　　　可以滚动区域
         </div>
      </div>
 </van-overlay>

//滚动区域样式
.overflow-cont{
  height: 400px;
  overflow-y: auto;
 }

页面效果： 

 

 

 写在van-overlay里面内容在手机上无法滑动，从vant官网找到api中找到有个属性：设置 :lock-scroll="false"内容即可实现上下滚动，问题就解决啦！！！

 

 

最后附上vant源码图片：