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

Select 选择器 el-option 回显错误 value

离谱 回显的内容不是 label 而是 value 的值

返回官方看说明:

v-model的值为当前被选中的el-option的 value 属性值

value / v-model 绑定值有3种类型 boolean / string / number 

根据自身代码猜测是:tableData.bookId 与 item.id 类型不一致导致

<el-form-item label="父级书签">
            <el-select v-model="tableData.bookId" placeholder="请选择">
              <el-option
                  v-for="item in options"
                  :key="item.id"
                  :label="item.hl"
                  :value="item.id">
              </el-option>
            </el-select>
          </el-form-item>

我将后端的 bookId 字段类型改为 Integer 与  :value="item.id 字段类型保持一致解决此问题


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

相关文章:

  • 读取oracle数据,数据带中文
  • maven的简单介绍
  • Objective-C语言的语法
  • 分布式一致性CAP与BASE理论、分布式一致性协议和算法——2PC、3PC 和 Paxos算法
  • C# GDI+的DrawString无法绘制Tab键的现象
  • Java多线程
  • 《Django+React前后端分离项目开发实战:爱计划》 03 理解项目结构
  • 第64讲个人中心用户操作菜单实现
  • Linux开发:PAM2 配置文件
  • 基础算法-高精度加法
  • 【jQuery——详细讲解】
  • linux系统Tomcat目录介绍
  • 深入理解java之多线程(一)
  • RocketMQ(二):领域模型(生产者、消费者)
  • Mac电脑如何通过终端隐藏应用程序?
  • 鸿蒙 WiFi 连接 流程
  • AI大模型开发架构设计(9)——AI 编程架构刨析和业务应用实战案例
  • 【Java万花筒】实时洞察与智能分析:构建成熟的Java应用程序监控与日志处理方案
  • 深度学习的进展及其在各领域的应用
  • C++的多态(Polymorphism)
  • 电商小程序02数据源设计
  • 在Visual Studio中引用和链接OpenSceneGraph (OSG) 库
  • Blazor Wasm 身份验证和授权之 OpenID 与 OAuth2
  • springboot169基于vue的工厂车间管理系统的设计
  • 【OpenCV入门讲解——超详细】
  • 【Spring】Bean 的生命周期