uni-app在编译多端时,v-for在H5和小程序端编译结果不一致
Posted 闫雪
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uni-app在编译多端时,v-for在H5和小程序端编译结果不一致相关的知识,希望对你有一定的参考价值。
在使用 v-for="number in productImage.cutCount"遍历一个数值时,
<view v-for="number in productImage.cutCount">
<view>{{ number }}</view>
</view>
在微信小程序中,遍历出来的结果是
<view>0</view>
<view>1</view>
<view>2</view>
<view>3</view>
<view>4</view>
在H5中,遍历出来的结果是
<view>1</view>
<view>2</view>
<view>3</view>
<view>4</view>
<view>5</view>
注意事项
在H5平台 使用 v-for 循环整数时和其他平台存在差异,如 v-for="(item, index) in 10" 中,在H5平台 item 从 1 开始,其他平台 item 从 0 开始,可使用第二个参数 index 来保持一致。
以上是关于uni-app在编译多端时,v-for在H5和小程序端编译结果不一致的主要内容,如果未能解决你的问题,请参考以下文章
基于Uni-APP多端「h5+小程序+App」高仿抖音小视频|直播|聊天实例
uni-app 1.2发布,iOSAndroid小程序H5主流四端全覆盖