Element下拉框实现滚动加载更多功能实现

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Element下拉框实现滚动加载更多功能实现相关的知识,希望对你有一定的参考价值。

参考技术A 需求:下拉框默认显示20条数据,可使用远程搜索为显示的数据,但是部分用户喜欢滚动选择。

如图所示,el-select官方事件并没有监听滚动的事件,所以我们可以采用vue的directives自定义指令实现。

首选在src也就是main.js的同级目录下新建一个directives.js文件

在main.js中引入并注册

index.vue 在下拉框中加入v-loadmore=“加载事件名”即可实现

注意:其他细节自行注意,例如加载到底或者下拉框有联动等。

Android下拉刷新滚动到底部自动加载更多RecyclerView组件


RecyclerView 实现下拉刷新和自动加载开源组件,有滚动到底部加载更多以及添加header的功能。

​Android LRecyclerView实现下拉刷新,滑动到底部自动加载更多​

以上是关于Element下拉框实现滚动加载更多功能实现的主要内容,如果未能解决你的问题,请参考以下文章

下拉加载更多内容(滚动加载)

下拉加载更多DEMO(js实现)

在element-ui的select下拉框加上滚动加载

Android下拉刷新滚动到底部自动加载更多RecyclerView组件

探索SwipeRefreshLayout配合自定义ListView完成下拉刷新滑到底部自动加载更多

实现分页加载,加载更多(按钮类型),滚动加载的方式