使用?@touchmove.stop.prevent="toMoveHandle" 事件修飾符
若需要禁止蒙版下的頁面滾動，可使用 @touchmove.stop.prevent="moveHandle"，moveHandle 可以用來處理 touchmove 的事件，也可以是一個空函數(shù)。將這個方法直接丟到彈窗的最外層 view 就好了，雖然在編譯器上的滾輪依舊可以滾動，但真機(jī)環(huán)境下的手指滑動無法再觸發(fā)。
為兼容各端，事件需使用 @ 的方式綁定，請勿使用小程序端的 bind 和 catch 進(jìn)行事件綁定；也不能在 JS 中使用 event.preventDefault() 和 event.stopPropagation() 方法。
注意：如果使用 uview 之類的 ui 框架，@touchmove.stop.prevent 必須放在底層的 view 上面。由于大部分的 ui 框架結(jié)構(gòu)復(fù)雜，很容易不生效，建議自己寫一個遮罩層再加上這個事件，這樣的話就能正常生效了。文章來源：http://www.zghlxwxcb.cn/news/detail-669000.html
<!-- 彈窗 -->
<view class="pop-box" @touchmove.stop.prevent="toMoveHandle">
</view>toMoveHandle() {},更多可參考：介紹 | uni-app官網(wǎng)文章來源地址http://www.zghlxwxcb.cn/news/detail-669000.html
到了這里，關(guān)于uniapp 禁止遮罩層下的頁面滾動的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
