当前位置: 代码迷 >> 综合 >> uni-app代码中 H5与其他平台的兼容性问题总结
  详细解决方案

uni-app代码中 H5与其他平台的兼容性问题总结

热度:40   发布时间:2023-09-18 23:33:00.0

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  相关解决方案