Wechat アプレット mp-half-screen-dialog ページのスクロールの問題が解決されました

Wechat アプレット mp-half-screen-dialog ページのスクロールの問題が解決されました

WeChat アプレットはmp-half-screen-dialogを使用します. mp-half-screen-dialogをスライドするとき, ページがスクロールしている場合, それに応じてスライドします. この問題を回避するには, 次の解決策を使用できます (コード):
wxml:

<mp-half-screen-dialog
  show="{
     
     { show }}"
  maskClosable="{
     
     { maskclosable }}"
  title="{
     
     { detail.workorder_title }}"
  subTitle="{
     
     { detail.workorder_no }}"
  closabled="{
     
     { true }}"
  class="f-half-dialog"
  catchtouchmove="preventTouchMove"
  bindclose="handleHalfDialogClose"
>
</mp-half-screen-dialog>

js:

methods: {
    
    
    handleHalfDialogClose() {
    
    
      // 关闭事件无需刷新列表
      // this.triggerEvent('initShow', {}, { bubbles: true, composed: true })
    },

    preventTouchMove() {
    
    
      // 解决蒙层下页面滚动问题
    }
  }

本質は、wxml の catchtouchmove="preventTouchMove"とjs の preventTouchMove() empty メソッドがこの問題を回避できるということです。