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主流四端全覆盖

uni-app平台判断 | uni app判断h5 小程序 app 等不同平台

用uniapp开发打包多端应用完整指南

用uniapp开发打包多端应用完整指南

用uniapp开发打包多端应用完整指南