uniapp的v-for不显示或者swiper-item的不显示

今天开发的时候碰见一个问题,在布局的时候发现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>
相关推荐
花开花落的博客2 小时前
uniapp 不同路由之间的区别
前端·uni-app
七七小报2 小时前
uniapp-商城-46-创建schema并新增到数据库
uni-app
Mr.app2 小时前
uniapp自定义导航栏搭配插槽
uni-app
Mark.10246 小时前
uniapp项目打包的微信小程序,设置uni-popup type=“bottom“时,底部有空隙
微信小程序·uni-app·notepad++
是程序喵呀6 小时前
uni-app使用web-view组件APP实现返回上一页
前端·uni-app
发呆小天才yy11 小时前
uniapp 微信小程序使用图表
前端·微信小程序·uni-app·echarts
小离a_a1 天前
uniapp tabBar 中设置“custom“: true 在H5和app中无效解决办法
前端·uni-app
Jiaberrr2 天前
uniapp app 端获取陀螺仪数据的实现攻略
前端·javascript·vue.js·uni-app·陀螺仪
小妖6662 天前
uni-app 引入vconsole web端正常,安卓端报错 Cannot read property ‘sendBeacon‘ of undefined
android·前端·uni-app
源码宝2 天前
ERP进销存系统源码,SaaS模式多租户ERP管理系统,SpringBoot、Vue、UniAPP技术框架
vue.js·spring boot·uni-app·源代码管理·erp·erp系统·进销存