解決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源碼圖片：