vue 一个超级简单的无缝图片滚动

由于项目需要，我的滚动不设置自动滚动，不设置定时，添加定时也不难，在调用滚动函数的时候加个定时就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)
      }
 }