这篇具有很好参考价值的文章主要介绍了el-select选项过多导致页面卡顿，路由跳转卡顿。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。
我看过的文章1：解决el-select数据量过大导致页面卡顿
文章2：el-select选项过多导致卡顿的解决方案
文章3：对el-select进行二次封装，解决数据量过大造成页面卡顿问题文章来源地址https://www.toymoban.com/news/detail-821511.html
文章来源：https://www.toymoban.com/news/detail-821511.html
到了这里，关于el-select选项过多导致页面卡顿，路由跳转卡顿的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处： 如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！
当我们有多个选项时，我们一般会使用下拉选择器 el-select 展示选项，选项不多的情况下，我们可以进行手动下拉选择。 那当选项有100个，甚至1000个的时候，需要一个个找选项，手动下拉选择就太累了，这时候我们可以利用搜索功能快速查找选项 可以利用搜索功能快速查找
如果 element-ui 组件嵌套太多层，可能会导致内部的 el-input 和 el-select 等组件无法正常输入。 出现这种问题通常是由于 z-index 属性设置不正确导致的。 解决这个问题的方法是调整组件的 z-index 属性，使其不会被其他组件覆盖。以下是一个解决方法： 在上面的代码中，我们首先
在前两天进行页面全屏时，一切都还好好的，可当使用element-ui中的el-select时，下拉菜单却怎么也显示不出来，但只要退出全屏状态，立马就好。 非全屏时： 全屏时： 开始我以为是层级问题，所以给el-select的下拉菜单加z-index，却发现加到多大都没用。 后来去官方文档里找
问题原因：elemrnt-ui会默认将弹出框插入至 body 元素；当设置了某个元素全屏时，会遮挡住原来的select下拉数据。
遇到的问题：将长度为40的数组数据赋值el-table/el-table，我发现loading没有效果，后面发现是页面卡住了，loading直接没有出现。 经过查询资料，发现el-table会有卡顿的问题，看到有的博主推荐使用一款叫umy-ui的插件，我就试了试，发现卡顿的问题解决了。 官网： http://www.umyui
案例：
修改el-select样式 input如下 el-input clearable v-model=\\\"name\\\" placeholder=\\\"请输入\\\" class=\\\"input-with-select input_box\\\" style=\\\"width: 148px;margin: 0 40px;position: absolute;right:67px;\\\" /
el-select 准备 注：关键 :popper-append-to-body=\\\"false\\\" 修改placeholder颜色 Element-ui下如何修改input的placeholder的颜色_呆小九的博客-CSDN博客 修改右侧箭头 在element icon里检索 修改圆角边框 el-input
当码值的数据是自己写的时候： 例如：isOrNo：[{label:\\\'是\\\',value:\\\'1\\\'},{label:\\\'否\\\'，value：‘2’}]， 当传给后端值时下拉选择是，值为1，我们当前拿到的只是值为value：1，label值为拿到，我们就需要把label值取到。 方法如下： 第一种方法： 第二种方法：
针对数据量大的选择器，需要分页从后端接口获取数据，前端监听选择器下拉框的滚动事件，当往下滚动至底部一定位置时，调接口
