当前位置: 首页 > news >正文

解决el-select回显异常 显示option选项的value 而不是显示label

1、问题

回显的value和选项value类型不同
form中v-model="form.userId"是字符串类型
option中:value=“item.userId” 选项id是数字类型

2、办法

:value=“item.userId” 改为 :value=“item.iduserId+‘’”(转换成字符串)

<el-form-item label="领导姓名" prop="createrId"><el-select v-model="form.createrId" placeholder="请选择领导姓名" clearable style="width:300px" filterable@change="handleUserChange"><el-option v-for="item in userList" :key="item.userId" :label="item.nickName" :value="item.userId+''"><span style="float: left">{{ item.nickName }}</span><span style="float: right; color: #8492a6; font-size: 13px">{{ item.dept.deptName }}</span></el-option></el-select>
</el-form-item>
http://www.lryc.cn/news/135950.html

相关文章:

  • 【【STM32-SPI通信协议】】
  • 板卡常用前端 数据表操作
  • 基于AVR128单片机世界电子时钟的设计
  • Electron学习2 使用Electron-vue和Vuetify UI库
  • Java“牵手”根据商品分类ID获取速卖通商品分类详情页面数据获取方法,速卖通API实现批量商品数据抓取示例
  • QT 使用图表
  • SSRF 服务器端请求伪造
  • shell 05(shell索引数组变量)
  • 爬虫异常处理:异常捕获与容错机制设计
  • Python自动化小技巧21——实现PDF转word功能(程序制作)
  • Vue使用Element的表格Table显示树形数据,多选框全选无法选中全部节点
  • SpringBoot生成和解析二维码完整工具类分享(提供Gitee源码)
  • Redis的基本知识(偏八股)
  • react使用antd的table组件,实现点击弹窗显示对应列的内容
  • c++代码代码逻辑走查
  • CSS scoped 属性的原理
  • git 查看某个分支是从哪个分支拉出来的
  • vue helloworld.vue 点击按钮弹出 dialog,并给dialog传值
  • html动态爱心代码【三】(附源码)
  • mmseg——报错解决:RuntimeError: CUDA error: an illegal memory access was encountered
  • AWS复制EC2文件到S3,g4dn.2xlarge没有NVIDIA GPU 驱动问题
  • Go语言GIN框架安装与入门
  • 低代码系列——初步认识低代码
  • 从陌生到熟练使用string类
  • ERP规划
  • 统计学作业啊啊啊啊
  • CAM实现的流程--基于Pytorch实现
  • FL Studio2023最新版本21.1中文水果音乐编曲工具
  • 数据库概述SQL基本语法
  • 【面试】一文讲清组合逻辑中的竞争与冒险