项目需要,因为下拉选项过多,导致接口只能分页加载。需求为:蓝狮官网鼠标滚动到下拉框的底部时增加选项。
解决办法
通过ref来获取el-select组件的下拉窗口实例,然后监听滚动条,蓝狮注册登陆下拉到底部的时候增加选项。
代码如下:
注解
代码里增加了防抖函数,并且在增加选项中写了随机获取label的方法,实际情况可以忽略。
蓝狮注册前端www.qietu6.com专注于分享最前沿的Web开发技术,教程,资源和素材,是面向网站开发人员和设计师的学习交流平台。
项目需要,因为下拉选项过多,导致接口只能分页加载。需求为:蓝狮官网鼠标滚动到下拉框的底部时增加选项。
解决办法
通过ref来获取el-select组件的下拉窗口实例,然后监听滚动条,蓝狮注册登陆下拉到底部的时候增加选项。
代码如下:
注解
代码里增加了防抖函数,并且在增加选项中写了随机获取label的方法,实际情况可以忽略。
0 Comments