select 选择器正常情况下时可以根据 value 值显示对应 label值的,仅显示 value 可能是因为数据类型问题,需要转成Number类型。
例如当value 值在数据库里字段类型是 bigint 时就不能自动转换显示 label 值,如果字段是 varchar 类型就能自动匹配显示对应的 label 值。
this.dataForm.custId = Number(this.dataForm.custId)
如果要获取选择器的label值,在 el-select 选择器上添加一个change方法。对 obj 里获取到的值进行操作,可以达成下拉选择一处数据后,自动填写表单中其他数据的效果。
@change="custInfoChange"
custInfoChange (val) {
let obj = {}
obj = this.custInfoList.find((item) => {
return item.id === val
})
//增加 null 值判断,否则在清空数据时会报错
if (obj != null) {
this.dataForm.custNm = obj.custNm
}
}