elementUI下拉选择框,获取选中值的label
向后端传递下拉框查询参数时,后端就是要用label,而非主键id,那就只能前端去找选中项的label值。
获得下拉框数据后,用id作为value标识,如何在选中时获取label值呢?我目前只会查找比对整个列表,有没有更好一点的办法呀?

目前实现的代码
<el-form-item label="部门名称" prop="dept_id"> <el-select v-model="dept_id"
placeholder="请选择部门" @change="AddSelectDept"> <el-option v-for="(item,index) in
deptList" :key="index" :label="item.name" :value="item.id" ></el-option> </
el-select> </el-form-item> AddSelectDept (val) { // XXX
获取下拉框label的方法,此处需要对比查找整个列表,较为麻烦 this.deptName = val ? this.deptList.find(ele =>
ele.id === val).name : '' }

技术
©2019-2020 Toolsou All rights reserved,
程序员与架构师华山论道【答学员问】你们从培训机构毕业后都找到什么工作?(精华)2020年8月13日 C#基础知识点 windform实现双色球JAVA 把字符串转换成数字类型用PyMC3进行贝叶斯统计分析(代码+实例)最短路径Dijkstra (Python3)ELementUI select多选下拉框获取选中项的全部属性(精华2020年6月2日更新) TypeScript函数详解[work] python读取txt文件最后一行Keras训练数据加载实现小结