vue中使用better-scroll区域滚动插件

1、安装：

npm install better-scroll --save

2、使用

wapper为最外层、设置overflow:hidden;里面要有一个div包裹，然后里面是滚动内容

<div class="list" ref="wrapper">
    <div>
      <div class="area">xxxxxxxxxx</div>
    </div>
</div>

 js引用BScroll,在页面挂载完成后实例化scroll

<script>
  import BScroll from 'better-scroll'
  export default {
    name: 'List',
    mounted () { 
        this.scroll = new BScroll(this.refs.wrapper)
    }
  };
</script>

ref可以帮助获取dom

mounted里面这样写也可以：

mounted () {
      const wrapper = document.querySelector('.list')
      const scroll = new BScroll(wrapper)
    }

注意：要是某个区域滚动，必须给这个区域(wrapper)一个高度