<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>
后面怎么下拉加载更多数据?谢谢!