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

来源:16-1 Vue-resource应用(上)

慕粉3884565

2019-05-23

http://img.mukewang.com/szimg/5ce642010001dc8404320647.jpg

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

http://img.mukewang.com/szimg/5ce642ae0001b5c215130475.jpg


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)


},



写回答

1回答

ustbhuangyi

2019-05-23

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

0
3
慕粉3884565
回复
ustbhuangyi
问题是我是初学者看不懂源码,老师给我讲讲思路嘛
2019-05-23
共3条回复

Vue.js2.5+cube-ui重构饿了么App(经典再升级)

掌握Vue1.0到2.0再到2.5最全版本应用与迭代,打造极致流畅的WebApp

9868 学习 · 4162 问题

查看课程