element-ui select选择器显示value值而不是label值的问题

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值