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 : ''
}