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

ElementUI中的el-select显示的不是对应label值

这个下拉框组件可以在v-model绑定的值等于option中value的值时,显示对应option的label

但是下面这个出了问题,显示的是1或2或3,而不是对应的label

<el-select v-model="editParam.role_id" placeholder="请选择角色身份">
  <el-option label="普通用户" value="1"></el-option>
  <el-option label="前台" value="2"></el-option>
  <el-option label="管理员" value="3"></el-option>
</el-select>

经过一顿查找,发现是editParam.role_id值的类型和value的类型不一样

把它们都变成数字类型,使用v-bind绑定value属性即可进行转换

<el-select v-model="editParam.role_id" placeholder="请选择角色身份">
  <el-option label="普通用户" :value="1"></el-option>
  <el-option label="前台" :value="2"></el-option>
  <el-option label="管理员" :value="3"></el-option>
</el-select>

http://www.kler.cn/a/466045.html

相关文章:

  • 余华和他的书
  • 如何使用 Ansys OptiSlang 同时运行多个参数化设计研究
  • 力扣66 加一
  • 融合表面信息和等变扩散的分子对接模型 SurfDock - 评测
  • Flink源码编译与运行
  • 零基础WPF使用NLog记录日志
  • 【react】Redux的设计思想与工作原理
  • LeetCode1507 转变日期格式
  • c++不够用知识补充-using namespace
  • 经纬度噪点与误差处理的优化
  • Beamer-LaTeX学习(教程批注版)【1】
  • 【计算机网络】课程 作业一 搭建连续覆盖的办公网络
  • Conda 安装 Jupyter Notebook
  • 深入解析Reactive Programming框架在微服务中的最新应用
  • 鸿蒙NEXT开发中使用星闪服务
  • 线性代数考研笔记
  • 汽车燃油软件标定测试
  • 机器学习算法深度解析:以支持向量机(SVM)为例及实战应用
  • 贪心算法概述
  • git rest --hard
  • aardio —— 虚表 —— 使用ownerDrawCustom列类型制作喜马拉雅播放器列表
  • 详解:如何通过 request-promise 和代理 IP 发送 HTTP 请求
  • Linux下gdb调试工具的详解及Core文件分析
  • 华夏ERP系统部署
  • 配置 F-32/F-44清账附加项修改
  • ue5 迁移资产