项目需要,点击 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 = '' } }

技术
©2019-2020 Toolsou All rights reserved,
hive大量小文件处理方法总结最优化方法总结:公式解、数值优化、求解思想JavaScript中的 Call 和 Apply内存溢出和内存泄漏的区别、产生原因以及解决方案创建数据mysql库流程微信小程序(uni-app)url参数传递对象蝗灾虫群上亿只很少发生碰撞 蝗虫要成自动驾驶功臣vue 监听 Treeselect 选择项的改变第十一届蓝桥杯C/C++ 大学 B 组大赛软件类省赛服务器价格有什么差异?