<template>
  <div class="wrapper" ref="wrapper">
    <ul class="content">
        <li v-for="n in 100" :key="n">{{n}}</li>
    </ul>
  </div>
</template>
<script>
import BScroll from "better-scroll";
export default {
  mounted() {
    this.$nextTick(() => {
      this.scroll = new BScroll(this.$refs.wrapper, {});
    });
  }
};
</script>
<style lang="scss">
.wrapper {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background: #fff;
  .content {
    position: relative;
    z-index: 10;
    background: #fff;
    li {
      height: 30px;
      line-height: 30px;
      font-size: 12px;
      padding-left: 20px;
      list-style: none;
      border-bottom: 1px solid #000;
    }
  }
}
</style>

后面怎么下拉加载更多数据？谢谢！