uni-app代碼中 H5與其他平臺的兼容性問題總結

1、for循環

• 在H5平臺 使用 v-for 循環整數時和其他平臺存在差異，如 v-for="(item, index) in 10" 中，在H5平臺 item 從 1 開始，其他平臺 item 從 0 開始，可使用第二個參數 index 來保持一致。
• 在非H5平臺 循環對象時不支持第三個參數，如 v-for="(value, name, index) in object" 中，index 參數是不支持

2、非H5端暫不支持在自定義組件上使用 Class 與 Style 綁定

3、事件處理器

• 爲兼容各端，事件需使用 v-on 或 @ 的方式綁定，請勿使用小程序端的bind 和 catch 進行事件綁定。
• 事件修飾符
  • .stop：各平臺均支持， 使用時會阻止事件冒泡，在非 H5 端同時也會阻止事件的默認行爲
  • .prevent 僅在 H5 平臺支持
  • .self：僅在 H5 平臺支持
  • .once：僅在 H5 平臺支持
  • .capture：僅在 H5 平臺支持
  • .passive：僅在 H5 平臺支持
• 若需要禁止蒙版下的頁面滾動，可使用 @touchmove.stop.prevent="moveHandle"，moveHandle 可以用來處理 touchmove 的事件，也可以是一個空函數。

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

• 按鍵修飾符：uni-app運行在手機端，沒有鍵盤事件，所以不支持按鍵修飾符。