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

2023-11-11

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

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

  • HDMI接口之HPD(热拔插)

    HDMI Pin 19 DVI Pin16 的功能是热插拔检测 HPD 这个信号将作为HDMI 源端 Source 是否发起EDID读 是否开始发送TMDS信号的依据 HPD是从HDMI显示器端 Sink 生成并输出送往HDMI 源端 So

随机推荐

  • mock+vuex+axios利用token实现用户登录验证

    思路 mock模拟用户数据 axios请求接口 router中进行needLogin的判断 true为需要登录才能进入此页面 vuex中 将在login vue中获取的用户名和密码进行验证 验证后 拿到token和usertitle 将to
  • layui 手风琴折叠

    效果图 1 引入文件 注意 文件的位置不一样 引入的路径也不同 2 编写div样式 div style width 100 div class layui collapse div class layui c div div div
  • 快速排序一趟后结果

    题目 原序列 20 18 22 16 30 19 以20为基准 写出一趟排序后结果 话不多说 直接上图 方法 1 找出比基准小的部分和大的部分 分成两部分 并确定基准的位置 比20小 18 16 19 比20大 22 30 所以20应是第四
  • STM32cubemx教程及STM32入门(五)IIC

    STM32cubemx教程及STM32入门 五 IIC 2022 8 25 前言 本章主要讲解IIC协议以及stm32cubemx配置和HAL库函数 简介 I2C Inter Integrated Circuit 内部集成电路 总线是一种由
  • matlab自带数据集

    matlab深度学习自带数据库 最近在学matlab神经网络工具箱的相关知识 在构建神经网络时不可避免的要用到数据集 以此文来记录一下matlab一些自带的数据集 可以直接在命令窗口通过load dataset嵌入工作区 具体有哪些数据集可
  • 【云原生】Docker 架构及工作原理

    一 Docker 概述 二 Client 客户端 三 Docker 引擎 四 Image 镜像 五 Container 容器 六 镜像分层 可写的容器层 七 Volume 数据卷 八 Registry 注册中心 九 总结 一 Docker
  • 方舟服务器数据修改,《方舟:生存进化》官方反悔 清除服务器数据计划作废...

    方舟 生存进化 官方反悔 清除服务器数据计划作废 2017 07 20 10 33 14来源 游戏下载编辑 嘉文四世评论 0 据外媒Kotaku报道 方舟 生存进化 开发商Wildcard此前计划在游戏正式版推出时 清空所有官方服务器数据
  • pikachu靶场之暴力破解

    一 基于表单的暴力破解 和DVWA的Low级一样 不在详细做 二 验证码绕过 on server 抓包 经过在repeater模块下测试 验证码可一直有效 担这只限于pikachu这个靶场 发送至intruder模块 为变量1添加字典 为变
  • Ubuntu18.04 install Vulkan SDK

    Vulkan SDK can be downloaded from https vulkan lunarg com sdk home Alternatively it can be installed by using the distri
  • requests.exceptions.SSLError: HTTPSConnectionPool用python挂代理爬国外网站报错

    我想要爬取国外网站信息 但是由于需要长时间挂梯子进行一些交互 因此用python爬取数据时就会报以下错误 我找了好多解决办法 但大多数都不是由于挂代理而引起的 这里我只针对挂代理进行爬取而出现这种报错提供一个解决方法 在代码里加入协议改一下
  • histogram loss笔记

    histogram loss 1 用来做 embedding learning 思路是最小化 negative pair 相似性比 positive pair 还大的可能性 概率 其中相似性用 embeddings 的内积表示 s i j
  • 快排优化---双轴快排(基于JAVA源码)---C++实现

    随机选轴 降低原始数据排列的影响 void getTwoRandomNum vector
  • 地图行业国家标准汇总

    国家标准全文公开系统是国家标准的在线查询系统 搜索关键字地图 可获得地图行业全部国家标准GB
  • python学习笔记(十二)---访问限制

    私有变量 Python的私有变量表示形式 xx 两道下划线 只有内部可以访问 外部不能访问 class Student object def init self name score self name name self score sc
  • Hinton胶囊网络论文《Dynamic Routing between Capsules》的代码正式开源

    github地址 https github com Sarasra models tree master research capsules 运行测试验证设置是否正确 例如 python layers test py 快速MNIST测试结果
  • 电脑连接西门子S7-200CPU的步骤

    用电脑连接S7 200CPU非常简单 先给CPU供电 然后用PPI通信电缆连接PLC和电脑即可 1 给S7 200CPU供电 下图给出了两种给S7 200供电的方式 直流供电和交流供电 2 连接RS 232 PPI电缆 注意 可以用USB转
  • window下apache安装和配置

    下载 32位 http httpd apache org 64位 http www apachelounge com download 安装 解压Apache2 4到F Apache2 4 修改文件F Apache2 4 conf http
  • layui实现EXCEL文件导入的功能

    layui实现EXCEL文件导入的功能 前台设置导出按钮 a href class layui btn style font size 15px span i class layui icon xe67c i 导入 span a
  • js将英文符号转为ASCII码以及对中文的转换

    昨天用户反应点击某个part number 的level2查询无数据 经检查此PN中包含有 号 此PN当年很 单纯 只包含字母数字 所以被我原封不动的放入url参数中 今天它进化出了 这在url中被转成了空格 而且客户不保证今后不会用其他符
  • element-ui select选择器显示value值而不是label值的问题

    select 选择器正常情况下时可以根据 value 值显示对应 label值的 仅显示 value 可能是因为数据类型问题 需要转成Number类型 例如当value 值在数据库里字段类型是 bigint 时就不能自动转换显示 label