做了一个h5的项目 是用uniapp写的
其中有一个轮播的功能 发现有的时候自动轮播会失效 后来发现
当后台只有一项数据时 动态渲染则swiper-item也只会出现一条 那么这样 则不会自动轮播 用了官网的实例
<swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
<swiper-item>
<view class="swiper-item uni-bg-red">A</view>
</swiper-item>
<swiper-item>
<view class="swiper-item uni-bg-green">B</view>
</swiper-item>
<swiper-item>
<view class="swiper-item uni-bg-blue">C</view>
</swiper-item>
</swiper>
当abc都存在时自动轮播是有效的 当删除bc只剩下一项时则会停止轮播
解决办法就是 在for循环下面再增加一条 并且添加判断长度等于1才显示
在写的时候功能实现了 发现会有一个
Cannot read property ‘length’ of undefined" found in
的报错
这里则是由于我嵌套太深 data未定义 只定义了datalis 所以需要在data中
datalist: {
user: {},
data:[]
},
很多出现这样的报错都是和我这个原因类似 虽然不会影响我的功能实现 但是控制台会报错 也不太好看和后续排错
关于swiper这个问题 我百度了也没找到合适的 如果有更简洁的可以提出来 让我学习一下哟