vue-infinite-scroll无限滚动组件

该组件主要用于滚动到底部后自动触发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表示距离底部多少像素时触发

猜你喜欢

转载自blog.csdn.net/weixin_45807026/article/details/125621351