原文:巧妙解决element-ui下拉框选项过多的问题

. 场景描述 不知道你有没有这样的经历,下拉框的选项很多,上万个选项甚至更多,这个时候如果全部把数据放到下拉框中渲染出来,浏览器会卡死,体验会特别不好 用人会说element ui的select有一个remote method,支持远程搜索,我们让服务端支持一下不就可以了,当然这是一种解决的方案。但是有时候这种方法有时候不一定适用 有时候服务端数据是经过计算返回给我们的,可能返回不是特别快,体验 ...

2019-07-30 17:32 0 6359 推荐指数:

查看详情

巧妙解决element-ui下拉框选项过多问题

1. 场景描述 不知道你有没有这样的经历,下拉框选项很多,上万个选项甚至更多,这个时候如果全部把数据放到下拉框中渲染出来,浏览器会卡死,体验会特别不好 用人会说element-ui的select有一个remote-method,支持远程搜索,我们让服务端支持一下不就可以了,当然这是一种解决 ...

Tue Jul 09 03:47:00 CST 2019 0 531
Element-ui 下拉列表 选项过多时如何解决卡顿问题

当使用Select选择器时,如果下拉列表有几千个几万个,因此通过滚动条一个个的去找不是很现实, 这时可以对select设置filterable属性,可以在下拉控件里进行搜索。例如: 体验的过程中还是会感觉明显的卡顿现象,问题和上面一样,还是因为下拉列表太多了,这时我们可以通过Select控件 ...

Wed Mar 18 07:03:00 CST 2020 0 2552
解决element-ui下拉框数据过多,导致页面卡顿问题与本地分页功能实现

效果 前情提要: 最近使用element-ui开发的一个页面,在打开的时候占用cpu非常高,有时候都能达到90%↑。在调试时发现其中一个下拉框的接口返回2k↑的数据。本着有问题问百度的精神,看到主要的解决方案有如下两种: 监听下拉框滚动事件,去服务端请求数据 https ...

Tue Mar 30 18:28:00 CST 2021 0 512
Element-ui 下拉列表 选项过多时通过自定义搜索来解决卡顿问题

当使用Select选择器时,如果下拉列表的数据量太多,会有一个明显的卡顿体验,例如: writer by:大沙漠 QQ:22969969 例子里我们用options模拟大量的下拉数据,渲染如下: 由于下拉列表有几千个,因此通过滚动条一个个的去找不是很现实的, 我们设置 ...

Fri Nov 29 02:31:00 CST 2019 1 1016
element-ui select 下拉框位置错乱--解决

element-ui select 下拉框位置错乱 由于使用 element-ui 的 select 组件时,下拉框的位置错乱了。 开始查找问题 通过各种问题查找,发现是 css 问题 css html 最初是使用 ...

Thu Nov 14 22:16:00 CST 2019 0 1995
下拉框选项定位

一开始在下拉框选择某个值下了一定功夫,找了好多个方法,忘记了哪个大神启蒙了我。 有参考到两个方法,如下 我尝试了个方法 思路是先找到下拉框的元素,再往下拉框元素模糊查询字符串 如果是在excel控制参数的,可以在单元格维护参数 ...

Wed Jun 06 19:56:00 CST 2018 0 867
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM