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

GitHub 加速计划 / eleme / element
14
2
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:2 个月前 )
c345bb45 1 年前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前
Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐