vue 获取el-select选中项的label值
项目需要,点击 el-select 时,获取选中项的label值,参考网上的做法,如下所示:<el-form-item prop="operateId":label="$t('taskManage.lockTask.table.operateName')+':'"><el-select clearable...
·
项目需要,点击 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” 来监听选中项的改变:
// 操作人选中项发生变化
currOperatorChange(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 = ''
}
}
更多推荐
已为社区贡献24条内容
所有评论(0)