better-scroll不可用,不能滚动
来源:8-6 Vue项目城市选择页 - 兄弟组件数据传递
qq_雪后转身_0
2018-06-23
mounted () {
this.scroll = new BScroll(this.$refs.wrapper, {click: true})
},
写回答
1回答
-
o杨飞o
2018-06-25
我大概看下来,你可能有两个问题:
1、你的template中滚动条外面没有两层DIV。这是必须的结构,ref写在最外面一层。
2、你创建实例的时候,多传了一个Object参数。
你可以看看我的代码:
<template>
<div class="list" ref="wrapper">
<!-- better-scroll 的DOM样式要求,正式内容外部必须有2层DIV -->
<div>xxx滚动内容
</div>
</div>
</template><script>
import BScroll from 'better-scroll'
export default {
name: 'CityList',
mounted () {
// 创建better-scroll实例
this.scroll = new BScroll(this.$refs.wrapper)
}
}
</script>012018-06-25
相似问题