该组件主要用于滚动到底部后自动触发v-infinite-scroll绑定的方法,通过该方法来请求新数据然后渲染页面,实现无限滚动的效果。如果是element-plus 的项目,可以直接使用v-infinite-scroll,如果不是,则需要安装vue-infinite-scroll组件。例子如下:
<div class="test" v-infinite-scroll="newscroll" :infinite-scroll-immediate="false"
:infinite-scroll-distance="10">
<div >测试</div>
</div>
到达设定的底部后,就会触发newscroll事件。infinite-scroll-immediate是是否立即执行方法,infinite-scroll-distance表示距离底部多少像素时触发