使用虚拟列表封装elment的select组件。助力解决10W数据量前端卡顿问题～提供开箱即用代码，copy就能用～

问题描述 某些情况下，下拉框需要做触底加载，发请求，获取option的数据 为了方便复用，笔者封装了一个自定义指令 另外也提供了一个简单的接口，用于演示 我们先看看效果图 效果图 思路分析 注意事项一

在项目中，我们展示到 el-select 的数据通常是从服务端获取的，如果服务端的查询较慢或者数据量过大，就会导致在前端的显示很慢，特别是在网络不好的时候。 所以，分页展示就是一种较好的交互体验。

问题描述：elementUi的el-select下拉选择框,打开之后,直到失去焦点才会自动关闭。 在有滚动条的弹窗中使用时就会出现打开下拉框,滚动弹窗,el-select下拉框会超出弹窗范围的问题.

背景 element-plus中，el-select中可选项达到了500条，页面跳转销毁时导致异常卡顿（vue3.0.0版本，3.0.11版本有很大改善，建议升级） 因此需要进行分页操作。初步设想时当

不知道大家在开发过程中有没有遇到这样一个场景，后端接口一次性返回上千条数据（比如国家地区），接口不支持分页，不能筛选

作为一名精致的前端猪猪女孩，也有那么点想让自己的代码同样看起来精致一点。所以在拿到新需求的 UI 设计稿时，经常会面临如下问题：如何拆解页面？如何划分组件才算是合理？好像用于组件拆分的 A 方案和 B 方案在当前业务场景下也都还算合理，那究竟要怎么选择？组件的抽象与粒度貌似是一…

背景 最近做完一个小的后台管理系统，快上线了，发现一个问题，有2个select的选项框线上的数据量是1w+。。而测试环境都是几百的，所以导致页面直接卡住了，需要修复。 想了一下，如果接口支持搜索和分页

前言 存在一个需求，给定的一串字符串中存在图片的url的代替变量a,现需要将变量a替换成<img>标签进行渲染，很正常的想到的方法是用 v-html 指令渲染。 由于 v-html 是更新元素的 in