el-select下拉框选项太多导致卡顿，使用下拉框分页来解决
el-select下拉框的选项太多时会卡顿，影响体验，使用下拉框选项分页来解决，即elementUI的分页插件和el-select插件组合使用 效果 我这里有个el-input输入框做模糊查询 ...
原文：vue 下拉框select的的分段加载解决数据过大导致页面卡顿
上篇文章介绍了select的无限加载解决方案 本篇介绍select分段加载方案 直接上代码时候filter方法过滤出自己需要的数组对象数据出来 dataName: , 活动名称 权益名称 interestsNames: , 权益名称下拉数组 activityNames: , 活动名称下拉数组 渲染列表，限制在 个以内 activityList: , 解决element ui下拉框过多导致卡顿问题 ...
2020-10-03 14:32 0 2455 推荐指数：
相关推荐
解决element-ui下拉框数据过多，导致页面卡顿问题与本地分页功能实现
效果 前情提要： 最近使用element-ui开发的一个页面，在打开的时候占用cpu非常高，有时候都能达到90%↑。在调试时发现其中一个下拉框的接口返回2k↑的数据。本着有问题问百度的精神，看到主要的解决方案有如下两种： 监听下拉框滚动事件，去服务端请求数据 https ...
iview select数据过多，导致页面卡顿及输入框输入卡顿 完美解决
问题情景： iview中的select组件数据多达几千几万条的时候，页面及输入框出现明显的卡顿，一个弹框的显示隐藏要几秒才能反应过来，输入框也是输入的文字几秒才能显示出来。 解决方法： 原理：既然是由于select组件数据过多导致页面渲染卡顿，那么解决方法自然是减少select组件数据 ...
Ant Design of Vue a-select下拉框因为数据量太大造成卡顿的问题
Ant Design of Vue a-select下拉框因为数据量太大造成卡顿的问题 解决方案： 最开始渲染时只渲染总数据前100条数据以保证不卡顿，然后当需要搜索的时候对从后台拿到的数据进行过滤，也只取前100条，然后通过select下拉框popupScroll事件，下拉列表滚动 ...
Ant Design of Vue a-select下拉框因为数据量太大造成卡顿的问题
解决方案： 最开始渲染时只渲染总数据前100条数据以保证不卡顿，然后当需要搜索的时候对从后台拿到的数据进行过滤，也只取前100条，然后通过select下拉框popupScroll事件，下拉列表滚动时的回调，每次回调时都添加一部分数据来解决下拉框的卡顿问题。 Ant Design ...
vue一次加载大量数据导致页面卡顿解决
前提：后端返回一个几千条的数组，页面直接渲染导致非常卡顿。 解决方案：使用vue-virtual-scroller 插件解决；https://www.npmjs.com/package/vue-virtual-scroller#page-mode 第一步：安装 第二步：引入 ...
vue-ant-design中的form表单，当下拉框中的数据量过大时表单卡顿
<a-form :form="form" :selfUpdate='true' @submit="handleSubmit" layout="inline" hideRequiredMa ...
elementUI的select下拉框组件实现分页加载数据
第一种方法：添加分页，页面样式如下，JS逻辑与平常分页没区别 css 第二种方法：下拉加载更多 1.写一个指令 2.页面使用指令，添加远程搜索属性和方法 3.JS写逻辑 ...