better-scroll 是什么
better-scroll 是一款重点解决移动端(现已支持 PC 端)各种滚动场景需求的插件。
Vue 中安装 better-scroll 依赖
npm install better-scroll --save
注意:安装完之后要重启一下
移动端基本使用步骤
<template>
// 3、滚动区域必须有两层父节点
<div ref="wrapper">
<div>
...
</div>
</div>
</template>
<script>
// 1、导入 better-scroll
import Bscroll from 'better-scroll'
export default {
name: 'CityList',
mounted () {
// 2、创建一个 better-scroll 实例,传入需要滚动区域的 dom 结点
this.scroll = new Bscroll(this.$refs.wrapper)
}
</script>
<style lang="stylus" scoped>
</style>
具体使用请看
https://github.com/ustbhuangyi/better-scroll/blob/master/README_zh-CN.md