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

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

返回官方看说明:

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

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

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

html 复制代码
<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 字段类型保持一致解决此问题

相关推荐
TonyH20021 分钟前
webpack 4 的 30 个步骤构建 react 开发环境
前端·css·react.js·webpack·postcss·打包
你会发光哎u5 分钟前
Webpack模式-Resolve-本地服务器
服务器·前端·webpack
王小二(海阔天空)5 分钟前
个人文章合集 - 前端相关
前端·css·vue·jquery
老华带你飞14 分钟前
公寓管理系统|SprinBoot+vue夕阳红公寓管理系统(源码+数据库+文档)
java·前端·javascript·数据库·vue.js·spring boot·课程设计
gopher951131 分钟前
HTML详解
前端·html
Tiny201732 分钟前
前端模块化CommonJs、ESM、AMD总结
前端
吕永强34 分钟前
CSS相关属性和显示模式
前端·css·css3
结衣结衣.39 分钟前
python中的函数介绍
java·c语言·开发语言·前端·笔记·python·学习
全栈技术负责人40 分钟前
前端提升方向
前端
赵锦川40 分钟前
css三角形:css画箭头向下的三角形
前端·css