由于项目需要,我的滚动不设置自动滚动,不设置定时,添加定时也不难,在调用滚动函数的时候加个定时就ok
项目大概如下:点击左右箭头实现无缝滚动
设计思路:点击左箭头,数组首元素添加到最后一个并删除;点击右箭头,数组最后尾元素添加到第一个并删除
代码如下
template部分
script部分
clickLeft(){
let direction = 'left'
this.scrollImg(direction)
},
clickRight(){
let direction = 'right'
this.scrollImg(direction)
},
scrollImg(direction){
if(direction === 'left'){
let first = this.newestDatas.shift()
this.newestDatas.push(first)
}else{
let last = this.newestDatas.pop()
this.newestDatas.unshift(last)
}
}