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>
相关推荐
快起来搬砖了10 小时前
UniApp 页面布局自定义头部导航
前端·javascript·uni-app
zhangyao94033011 小时前
uniapp uni-collapse动态切换数据时高度不能自适应
uni-app
老李不敲代码11 小时前
榕壹云门店管理系统:基于Spring Boot+Mysql+UniApp的智慧解决方案
spring boot·后端·mysql·微信小程序·小程序·uni-app·软件需求
家里有只小肥猫11 小时前
uniApp 设置动态tabs(不是自定义tab哈)
前端·javascript·uni-app
慢行的骑兵13 小时前
Android studio打包uniapp插件
uni-app
橘 日向17 小时前
uniApp开发微信小程序-连接蓝牙连接打印机上岸!
微信小程序·uni-app·notepad++
cc蒲公英20 小时前
uniapp http URL方式访问本地电脑目录文件html
uni-app
老李不敲代码1 天前
榕壹云外卖跑腿系统:基于Spring Boot+MySQL+UniApp的智慧生活服务平台
spring boot·mysql·微信小程序·uni-app·软件需求
不会叫的狼2 天前
uni-app初学
uni-app
老李不敲代码2 天前
榕壹云在线商城系统:基于THinkPHP+ Mysql+UniApp全端适配、高效部署的电商解决方案
mysql·微信小程序·小程序·uni-app·软件需求