vue2.x实战移动端音乐app的better-scroll 使用1.10.0版本遇到的坑设置dot的轮播点和轮播图片不对应（二）

dulei_start

于 2018-04-25 10:20:11 发布

阅读量607

点赞数 2

分类专栏：学习文章标签： vue2.x app better-scroll

本文链接：https://blog.csdn.net/dulei_start/article/details/80075218

版权

学习专栏收录该内容

19 篇文章 1 订阅

订阅专栏

1.dots的长度

 
  //这里不变 console.log(this.dots)长度为5 
 
  _initDots(){ 
 
  this. 
  dots= 
  new 
  Array( 
  this. 
  children. 
  length) 
 
  console. 
  log( 
  this. 
  dots) 
 
   },

2.轮播的时候防止手动滑动然后错乱顺序

 
  this. 
  slider. 
  on( 
  'scrollEnd',() 
  =>{ 
 
  let 
  pageIndex= 
  this. 
  slider. 
  getCurrentPage(). 
  pageX 
 
  //旧版的加上，新版要去掉。 
 
  // if (this.loop) { 
 
  // pageIndex -= 1 
 
  // } 
 
  this. 
  currentPageIndex= 
  pageIndex 
 
  //防止手动滑动，它又自己滑动顺序错乱  
 
  if ( 
  this. 
  autoPlay) { 
 
  clearTimeout( 
  this. 
  timer) 
 
  this. 
  _play() 
 
   } 
 
   })

3.无缝循环播放的时候播放到最后一张，不能再播放第一张的问题

 
  this. 
  timer= 
  setTimeout(() 
  =>{ 
 
  // 把goToPage(pageIndex,0,400)换成next() 
 
  // this.slider.goToPage(pageIndex,0,400) 
 
  this. 
  slider. 
  next() 
 
   }, 
  this. 
  interval)