如下所示：<el-selectv-model="level"size="mini"placeholder="请选择":change="selectChange()"><el-optionv-for="iteminselect":key="item.value":label="item.label":value="item.value"></el-option></el-select>我们需要的是选择之后才触发，但是这样写你会发现，页面初始化的时候会触发多次，选择之后又会触发多次，原因是我们用错了标签，应该用@change="selectChange()<el-selectv-model="level"size="min...
继续阅读 >
分类：el-select
如下所示：<el-selectv-model="level"size="mini"placeholder="请选择":change="selectChange()"><el-optionv-for="iteminselect":key="item.value":label="item.label":value="item.value"></el-option></el-select>我们需要的是选择之后才触发，但是这样写你会发现，页面初始化的时候会触发多次，选择之后又会触发多次，原因是我们用错了标签，应该用@change="selectChange()<el-selectv-model="level"size="min...
继续阅读 >
这是一个项目中常见的需求，el-select为下拉多选，默认值不可删除，或者指定值不可删除。实现效果：el-select如下源码中tagclosable属性为el-select的disabled属性，所有明显不支持。解决思路（从el-select的角度来考虑，其他组件组合的情况暂不考虑）想要实现某些选项是不删除，1、需要tag不可删除，2、options不可选择options不可选择很好实现，只需要给一个disabled属性。tag不可删除才是关键。下面是我几种解决...
继续阅读 >
2020
10-09
10-09
Vue + Element-ui的下拉框el-select获取额外参数详解
直接上代码吧~<el-table-columnlabel="用户类型"width="180"><templateslot-scope="scope"><el-selectv-model="scope.row.roleID"placeholder="请选择"@change="changeRole($event,scope)"><el-optionv-for="iteminroles":key="item.value":label="item.label":value="item.value"></el-option></el-select></templ...
继续阅读 >