最近遇到一个下拉框选项过多导致页面太卡甚至卡死的问题，搜了一下懒加载以及远程搜索方法，整理了一下： 1、el-select懒加载 el-select选择器里的数据通过后端返回得到，这里返回了将近两万条数据，点开选择器页面就特别卡，所以最好采用懒加载方法，具体使用如下： 控件部分： 数据 ...

1、自定义v-loadmore指令实现下拉加载 在directive.js文件中定义指令 2、可以默认加载100条数据，如果总数超过100条，最后显示“更多数据请输入查询”，提示用户查询具体的数据，从交互上解决此问题。 ...

一般情况下，如果下拉框在可视区域下面，option选项会自动在上方呈现，如果有足够的高的情况下 ，option选项会在下方呈现 现在这种情况下，弹出框形式 高度固定，选项被遮挡，找了好多方法解决（IE兼容问题） 在 el-select 中加入 transfer="true ...

如果 类似 el-select 等表单元素绑定了 类似 a.b 之类的属性，而不是直接的一级属性的话，当这个属性发生更改的时候，它的显示效果可能不会动态地进行更新，这个时候需要使用 Vue.$set 来进行更改 如果是在别的方法里修改的数值，也是使用 $set 进行修改即可 ...

在调整 el-select 或者 input 高度，比如 成功之后，el-select箭头错位，情况类似如下图 解决方法 恢复el-input__icon的height原属性，同时借助相对定位完成位置移动。 参考文章 调整el-select高度之后 箭头错位问题解决 ...

场景描述：ajax请求后台数据后，把数据渲染在页面上。el-select渲染出现问题 解决方案：使用v-bind属性调整代码 ...

近来做一个简单自动发卡小系统，两个下拉选择框。第一个框为分类，选择分类后，第二个框按分类id在线请求显示分类下面的商品供选择。这是一个很简单的需求。 但发现第二个框不能正常选择，表现为选了不改变。经测试，其实select的值已经变了，但显示没变。 相关代码如下： el-select绑定 ...

应用情况：当多选框中出现 选择无则不能选择其他几项，选择了某一项或者多项别的就不能选择无 重要代码为el-option中的disabled逻辑判断分为两步 1.判断“无”以外的是否禁用 当已选择的东西存在无且当前选项不是“无”就禁用 2.判断“无 ...