vue使用better-scroll

https://www.awesomes.cn/repo/ustbhuangyi/better-scroll
https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/#better-scroll

<div class="wrapper" ref="wrapper">
  <ul class="content">
    <li>...</li>
    <li>...</li>
    ...
  </ul>
  <!-- 这里可以放一些其它的 DOM，但不会影响滚动 -->
</div>

上面的代码中 better-scroll 是作用在外层 wrapper 容器上的，滚动的部分是 content 元素。这里要注意的是，better-scroll 只处理容器（wrapper）的第一个子元素（content）的滚动，其它的元素都会被忽略。

<script>
import BScroll from 'better-scroll'
export default {
  name: "cityList",
  mounted(){
    // 使用ref配合refs获取dom元素
    this.scroll = new BScroll(this.$refs.wrapper)
  }
};
</script>