vue 获取el-select选中项的label值
程序员文章站
2022-03-26 17:22:38
...
项目需要,点击 el-select 时,获取选中项的label值,参考网上的做法,如下所示:
<el-form-item prop="operateId"
:label="$t('taskManage.lockTask.table.operateName')+':'">
<el-select clearable
v-model="formData.operateId"
@change="currOperatorChange"
:placeholder="$t('taskManage.lockTask.selOperateName')">
<el-option v-for="item in operateOption"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
用 @change=“currOperatorChange” 来监听选中项的改变:
// 操作人选中项发生变化
currOperatorChangecurrOperatorChange(val) {
console.log('操作人选中项发生变化', val)
if (val) {
let obj = {}
obj = this.operateOption.find(item => {
//这里的operateOption就是上面遍历的数据源
return item.value === val //筛选出匹配数据
})
this.formData.operateName = obj.label
console.log('修改操作人名称', obj.label)
} else {
this.formData.operateName = ''
}
}
上一篇: 数字时钟
下一篇: 3D模型文件--STL,OBJ,3DS
推荐阅读
-
select获取选中项的值与文本
-
Jquery遍历checkbox获取选中项value值的方法
-
Winform中设置和获取DevExpress的RadioGroup的选中项的value值
-
jquery css类javascript如何获取checkbox复选框选中项的值
-
jquery css类javascript如何获取checkbox复选框选中项的值
-
vue + element + select 获取下拉框的 label 和 value 值( 例如 绑定的是 id , 但后台要求即传 id ,又要传 id 对应的 name )
-
select获取选中项的值与文本
-
vue elementui中,el-select多选下拉列表中,获取:value和:label的值
-
vue elementUI el-select 多选 同时获取label 和 value 的值【记录】
-
Jquery遍历checkbox获取选中项value值的方法