用better-scroll出现问题(我不想用cube-ui用起很麻烦，很多坑)

Question

左右是可以滑动的但是一点动画动态效果没有我该如何实现呢下面是我的代码

name:'tab',

props: {

tabs:{

type: Array,

default() {

return []

}

},

initialIndex: {

type: Number,

default: 0

}

},

data() {

return {

index:this.initialIndex,

}

},

methods: {

iscrollCenter(val){

console.log(val);

this.scrollmethod.scrollToElement(document.querySelector('.label')[val+1], 500,null, true, true)

this.scrollmethod.refresh()

},

iscroll(){

this.scrollmethod = new BScroll('.tab',{

eventPassthrough: true,

scrollX: true,

scrollY: false,

preventDefault: false

})

},

selectTab(val) {

　　// TODO

console.log(val);

　　this.iscrollCenter(val++)

　　  }

},

mounted() {

setTimeout(() => {

this.iscroll();

this.iscrollCenter(this.index);

},500)

},

Answer 1

ustbhuangyi 2019-05-23 15:00:41

vue-router 配合左右滑动去切换？ 貌似做不到吧

• 提问者 慕粉3884565 #1

  意思是用better-scroll做

• ustbhuangyi 回复 提问者 慕粉3884565 #2

  那建议你去参考 cube-ui 的源码吧，也是基于 better-scroll 的上层封装，https://github.com/didi/cube-ui/blob/dev/src/components/tab-bar/tab-bar.vue

• 提问者 慕粉3884565 回复 ustbhuangyi #3

  问题是我是初学者看不懂源码，老师给我讲讲思路嘛