老师,swiper标签里面的options属性中的data对象是干嘛用的?
来源:2-2 幻灯片组件--模拟数据
Raznov
2020-03-09 21:26:02
props: {
// 轮播方向
direction: {
type: String,
default: 'horizontal',
validator (value) {
return [
'horizontal',
'vertical'
].indexOf(value) > -1
}
},
// 自动轮播的时间间隔
interval: {
type: Number,
default: 3000,
validator (value) {
return value >= 0
}
},
// 无缝滚动
loop: {
type: Boolean,
default: true
},
// 分页器
pagination: {
type: Boolean,
default: true
},
// data是什么意思?
data: {
type: Array,
default () {
return []
}
}
}如上,在base/swiper的index.vue文件中,props对象里的data是什么意思?
老师在视频中没有讲,也没有写上去,我照着视频写代码,然后控制台就提示错误了,Swiper也不能自动滑动。
找了很久的原因,才在源代码中发现多了
data: {
type: Array,
default () {
return []
}
},我补上这段代码就没报错了。
1回答
好帮手慕夭夭
2020-03-10
同学你好,data就是swiper轮播的数据,即图片。可以输出看一下哦,如下:

后面会判断图片的长度,如果长度小于等于1 ,就把loop属性设置为false,即不需要循环轮播了。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~
相似问题