el-select编辑数据不回显问题（亲测有效！！！）

最新推荐文章于 2024-08-16 17:52:56 发布
最新推荐文章于 2024-08-16 17:52:56 发布
阅读量3.8k 收藏 2
点赞数 2
分类专栏： 笔记 文章标签： vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_49578914/article/details/115616844
版权

编辑数据的时候需要回显下拉数据，我们只需要获得其值，vue会自动帮我们循环查询然后回显。先看看问题。
问题

原下拉数据（orderTypeId 为我们需要的值 是字符串类型）
原数据
编辑 后台给我们返回的数据（serveId为数字类型）
后台返回数据
后台修改完类型后
完没解决

总结：el-select下拉数据回显 查询和编辑的数据类型要统一就可以

xfxTab
关注
专栏目录
Vue3+ElementPlus el-tree-select(通用下拉) 回显上一次的显示数据问题
朝花夕拾的博客
06-09 1691
下拉框数据的id和上一次显示的数据的id是一致的导致数据没有更新 显示的还是上一次的数据。修改时将number++ 让组件渲染。通过key唯一标识 可以解决此问题。
关于element ui --Select 选择器回显问题
very nice
07-09 8034
关于element ui --Select 选择器回显问题
el-select用懒加载，回显时未加载的是数据显示id不显示人名解决办法
weixin_44719702的博客
07-12 2847
el-select用懒加载，回显时未加载的是数据显示id不显示人名解决办法
elementUI 使用 el-select 的远程搜索功能，导致数据无法回显怎么解决？
热门推荐
小陈的博客
05-26 1万+
如果有同学还没用过这个功能，可以先了解下： 使用场景 大部分情况下使用 el-select 的时候，el-options 中 options 的值都是后端接口给的数据，直接赋值就可以了。但是有的时候数据量比较大，比如几千甚至上万条的时候，如果直接赋值，整个页面的 dom 会被撑爆，不仅请求全量数据接口的时候时间会很久，而且赋值完之后整个页面会非常卡。 解决方法 现在的 elementPlus 已经有虚拟化选择器了，直接使用，非常方便，如果你使用的是Vue3，可以直接移步 elementPlus官方文档 如
el-select 回显操作
最新发布
qq_57952018的博客
08-16 1523
el-select 回显操作
【Element-Plus】el-select选择后不回显问题
qq_63514555的博客
06-15 1380
因此我们需要的是string类型，但是实际上我们给el-select绑定的是。Vue3 Element-Plus Setup语法糖。（object类型），导致一直绑定不上。到底还是setup语法糖不熟啊🤦‍♀️。el-select上面我们绑定的就是。首先说一下我用的技术。
项目中会遇到的问题，el-select组件不回显，数据多选保存空白问题
weixin_43204464的博客
10-24 6090
2.如果绑定正确，可能是属性值数据类型不正确，比如，我的问题就是后台el-option绑定的数组，里面的id是number类型，而这一条数据给的id、是string类型，所以不回显label，只回显value。1.检查属性是否绑定正确，比如value绑定的数据，是否和数组的：key一致。label是否绑定的是要回显的数据。
Element中el-select下拉框无法回显
fdyputi的博客
10-10 7425
使用elementUI时，在页面编辑时，下拉框回显数据有问题 这里主题类型默认选中类型为1的主题，并显示主题类型 <el-form-item label="主题类型" prop="subjectType"> <el-select v-model="form.subjectType" placeholder="请选择" clearable filterable> <el-option v-fo
vue element 编辑下拉框el-select不能回显的问题
小小爪哇工程师的博客
12-16 1万+
本人的需求是点击表格里面的编辑按钮，把数据回显到弹窗内，其他的都能回显，但是就下拉框不能正常的回显。大致意思是：v-model的值必须是一个数据变量，而不是一个条件值或计算值。本人后端人员，有不对的地方，勿喷。
el-select下拉框数据回显不上问题解决
dy1717的博客
02-21 1878
拉框数据回显不上问题
解决element ui select下拉框不回显数据问题的解决
10-17
解决Element UI的`el-select`下拉框不回显数据的问题，关键在于检查数据类型、数据结构以及数据加载的时机。通过调试和比对，找出问题的根源，针对性地进行修复。在实际开发中，保持良好的编程习惯，如正确处理数据...
el-select+el-tree单选和回显
qq_38110274的博客
11-04 4682
el-tree单选和回显 主要用到的el-tree的属性有：show-checkbox;check-strictly;default-checked-keys;default-expanded-keys;check-change事件， 各属性简介： show-checkbox：显示checkbox框 check-strictly：在显示复选框的情况下，使得父子不相互关联 default-expanded-keys和default-checked-keys设置默认展开和默认选中的节点，这时候必须设置node-
el-select不回显
qq_38126315的博客
01-24 668
v-model赋值了，但是不显示选中状态，只有框内有值。是赋值错误了，想当然的给v-model赋值了如下格式。
avue行编辑el-select选择数据后未回显
qq_38295468的博客
08-10 2637
很多时候后台传的number，但是我们的封装可能写成了string，就会找很久找不出来。很多时候，我们表单里面嵌套表格，表格里面又有表单；多层嵌套的情况下，就会导致prop值忘记写了，所以一定不要忘记加slot-scope=“{ row, index }”。有时候因为vue2双向绑定的原理导致无法完全监听数组，所以在刷新时无法回显，可以尝试用this.$set()方法去更新内容。关于avue-crud的使用过程中，遇到很多次在表格中编辑数据时，无法回显下拉数据；根据多次经验总结出几个原因；
element ui + vue项目,el-select选择器,选中值后无法及时回显到页面上
m0_45317632的博客
04-06 1694
element ui + vue项目,el-select选择器,选中值后无法及时回显到页面上
使用Element-Ui的el-select组件无法选中回显的问题
Jack, what else can you do besides holding your little darling?
09-13 1110
最近在实习开发中使用了Element-Ui的select组件,在选择上级科目下拉后出现了下拉无法回显的情况,但是在科目名称一填内容,上级科目马上就回显了的情况。 经过排查也并不是下拉框绑定的值有问题,最后是使用了Vue 官方提供了 vm.$forceUpdate() 方法才解决的。 此方法的作用是迫使 Vue 实例重新渲染。 解决代码: 在对应的select组件增加@change事件,事件对应为$forceUpdate()即可 ...
Element Plue -- el-select绑定对象不能回显问题
这里是迷阵的博客耶
05-05 1443
el-select绑定对象不能回显的解决方案
使用Element-Ui的el-select组件遇到无法选中回显的问题
d_append的博客
07-10 6178
最近在实习开发中使用了Element-Ui的select组件,在选择上级科目下拉后出现了下拉无法回显的情况,但是在科目名称一填内容,上级科目马上就回显了的情况。 经过排查也并不是下拉框绑定的值有问题,最后是使用了Vue 官方提供了 vm.$forceUpdate() 方法才解决的。 此方法的作用是迫使 Vue 实例重新渲染。 解决代码: 在对应的select组件增加@change事件,事件对应为$forceUpdate()即可 小菜记录开发过程中的。 ...
el-select选择后不回显
04-28
总之，当el-select选择后不回显时，需要检查代码中是否设置了v-model指令，绑定的数据类型与选项的值类型是否匹配，以及自定义模板是否存在绑定问题等。只有确保这些问题都排除后，才能正常显示选择的值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值