uniapp 遍历无法读取index

Question

无法读取index

<view class="floor-list">
    <view
        class="floor-item"
        v-for="item in floorList"
        :key="item.floor_title.name">
        <image
            class="floor-title"
            :src="item.floor_title.image_src"></image>
        <view class="floor-img-box">
            <view class="right-img-box">
                <image
                    :src="item.product_list[0].image_src"
                    :style="{ width: item.product_list[0].image_width + 'rpx' }"
                    mode="widthFix"></image
            ></view>
            <view class="left-img-box">
                <image
                    v-for="(item2, i) in item.product_list"
                    :key="item2.name"
                    v-if="i !== 0"
                    :src="item2.image_src"
                    :style="{ width: item2.image_width + 'rpx' }"
                    mode="widthFix"></image>
            </view>
        </view>
    </view>
</view>

源码地址
https://gitee.com/sachin-ye/uni-app-ts

Answer 1

不显示第一个对数组slice截取需要的数据进行遍历

    <image v-for="(item2, i) in item.product_list.slice(1)"
       :key="item2.name"
       :src="item2.image_src"
       :style="{ width: item2.image_width + 'rpx' }"
       mode="widthFix"></image>