今天开发的时候碰见一个问题,在布局的时候发现v-for遍历的时候不显示内容
H5是正常的 但是在小程序就是不显示
最后排查的原因是同一个组件 swiper-item的 v-for不能用相同的名称
比如
javascript
<swiper-item v-for="i in 3" :key="i">
<image mode="aspectFill" src="../../common/images/banner1.jpg"></image>
</swiper-item>
下面在使用v-for的时候就不能在使用i这个变量了,改为其他名字 这里我改成了item 如果我用i 则在小程序中 不展示
javascript
<view class="box" v-for="item in 8" >
<image class="pic" src="../../common/images/preview_small.jpg" mode="aspectFill"></image>
</view>