原文:Ant Design of Vue select加载远程数据完善方案

前言 本人参加的一个项目中,使用了Ant Design of Vue的select控件,为了使控件更加具有响应性 后台大概有 w条左右数据 ,所以使用了加载远程数据方式。而正是这个远程加载方式及控件的search功能,使自己遇到了一个坑,直到费了点力气才填坑完毕。 过程如下: 控件声明: 故障现象 然后运行页面,发现控件出现一个不良表现,即:输入一个具体的选项值后,选中这个选项,再将光标焦点落到这 ...

2022-03-23 16:46 0 1383 推荐指数:

查看详情

ant design for vue select 数据回显问题

例如: 想要回显id为1的温度, 结果直接在select框中显示了1,而不是选中了温度, 此时因为select中的value是string类型, 而我们设置的id是number类型, 对应不上, 所以想要选中value为1的option, 就需要把id.toString() ...

Sat Oct 26 00:47:00 CST 2019 0 2733
ant design vue select随页面滚动

使用ant design vueselect组件时 下拉菜单选项随body滚动而滚动 解决方案 :getPopupContainer="()=>document.getElementById('category-select')" :dropdownStyle="{zIndex:10 ...

Wed Aug 28 19:50:00 CST 2019 0 795
Ant Design of Vue a-select下拉框因为数据量太大造成卡顿的问题

Ant Design of Vue a-select下拉框因为数据量太大造成卡顿的问题 解决方案:   最开始渲染时只渲染总数据前100条数据以保证不卡顿,然后当需要搜索的时候对从后台拿到的数据进行过滤,也只取前100条,然后通过select下拉框popupScroll事件,下拉列表滚动 ...

Mon Nov 09 23:47:00 CST 2020 0 2966
Ant Design of Vue a-select下拉框因为数据量太大造成卡顿的问题

解决方案:   最开始渲染时只渲染总数据前100条数据以保证不卡顿,然后当需要搜索的时候对从后台拿到的数据进行过滤,也只取前100条,然后通过select下拉框popupScroll事件,下拉列表滚动时的回调,每次回调时都添加一部分数据来解决下拉框的卡顿问题。 Ant Design ...

Tue Mar 15 01:51:00 CST 2022 0 1414
ant design vue级联选择懒加载省市区三级数据

项目中原先是展示的一级数据,后面根据需求改成精确到县的。 使用Cascader级联选择,后台返回的是获取省份的字典接口,根据codeValue一级级查询进行动态加载。 <a-form-model-item ...

Mon Dec 13 23:44:00 CST 2021 2 2297
使用Ant Design Vueselect搜索框出现的问题

Select 选择器进行搜索 发现搜索失败的解决办法 最终代码为 处理Select滚动时不跟随与select框分离 解决办法 值类型错误回填失败 类型错误的小例子 数据不存在出现的问题 ...

Mon Nov 15 03:38:00 CST 2021 0 3269
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM