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>

0
1
Dell
正解!
2018-06-25
共1条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程