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运行在手机端，没有键盘事件，所以不支持按键修饰符。