头图

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 来保持一致。

阅读 281

闫雪
专栏
26 声望
6 粉丝
0 条评论
你知道吗?

26 声望
6 粉丝
宣传栏