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>
相关推荐
宠友信息9 小时前
多端即时通讯源码技术实践,Redis路由、MySQL持久化与Socket接入
spring boot·websocket·mysql·uni-app
宠友信息11 小时前
Spring Boot与异步审核构建仿小红书源码内容发布全流程
java·数据库·spring boot·redis·mysql·oracle·uni-app
蜡台11 小时前
uniapp vue2 转 vue3
前端·javascript·uni-app·vue3·vue2
2501_9160088914 小时前
iOS 证书管理最佳实践 从创建到续期的完整指南
android·ios·小程序·https·uni-app·iphone·webview
敖行客 Allthinker1 天前
UniApp iOS APNs 推送证书一站式配置
uni-app·mac
梦曦i1 天前
uni-router新推useUniEventChannel,彻底解决页面通信难题
前端·uni-app
宠友信息1 天前
内容社区源码多端数据协议与 Spring Boot 状态流转实现思路
java·spring boot·websocket·uni-app
2501_916007472 天前
iPad 怎么抓包 从代理模式到暴力抓包的操作方法
android·ios·小程序·uni-app·代理模式·iphone·ipad
2501_915918412 天前
PerfDog 太贵?iOS 性能监控工具的功能对比与选择
android·ios·小程序·https·uni-app·iphone·webview
PedroQue992 天前
uni-router新推useUniEventChannel,彻底解决页面通信难题
前端·uni-app