el-select数据过多懒加载的解决(loadmore)
在日常项目中el-select组件的使用频率是非常之高的. 当数据过多时渲染时间非常长, 这里提供几个处理方式.组件提供了远程搜索方式, 也就是按照你输入的结果匹配选项.下拉懒加载, 当select滚动到底部时, 你再去请求一部分数据, 加入到当前数据中.某组件中:这样就做到了滚动懒加载, 具体细节在应用时修改.这样渲染问题解决了, 随之会出现一个问题, 就是当你的value为选中的数据后, 分页数大的数据.当页数小时, options数据中没有当前value的那一个, value就会显示为得到的id.当你选中后你要保存下来当前的id以及lable, 下次过来时, 带入当前组件, 手动放在options中,这样就解决了这个问题.
下载地址
用户评论