Element Plue -- el-select绑定对象不能回显问题

最新推荐文章于 2024-02-04 10:39:52 发布
最新推荐文章于 2024-02-04 10:39:52 发布
阅读量1.2k 收藏
点赞数
分类专栏： Element vue 文章标签： vue.js elementui 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43047070/article/details/130508481
版权
vue 同时被 2 个专栏收录
41 篇文章 0 订阅
订阅专栏
Element
11 篇文章 0 订阅
订阅专栏

遇到问题

el-select value 绑定对象，选择不会回显
在这里插入图片描述

不回显原因

因为我的option数据里面有没有label字段。Select 组件没有从 Option 中获得数据，自然 label 会产生错误。当有传入 value 是对象时会取 value.label 值，这是默认行为。

你需要向 Option 组件中增加数据

解决方案

在issue里面找到了一个和我的问题差不多的。把label字段补上就行，随便给个空值都行
上链接：https://github.com/element-plus/element-plus/issues/9542
在这里插入图片描述

迷阵
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
解决element ui select下拉框不回显数据问题的解决
10-17
主要介绍了解决element ui select下拉框不回显数据问题的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
在添加操作时，el-select多选下拉组件，选中label标签后，框中无法回显选中的label,,,
lingrer的博客
11-09 436
在使用el-select 组件出现一个小问题，对成功回显后的数据，再次进行添加，选框中没有更新，但是提交表单，实际数据是更新的。怀疑可能是视图层没有更新，组件化框架类似问题。在添加操作时，el-select多选下拉组件，选中label标签后，框中无法回显选中的label,,,原因 ：下拉框数据是循环别的接口得来的，因为数据层次太多，render函数没有自动更新，需手动强制刷新。解决方法：添加 @change="$forceUpdate()" 强制更新视图。
el-select下拉选择不回显问题和下拉框显示数字问题
最新发布
szzlh123456789的博客
02-04 940
在使用Vue开发使用element-ui时，el-select下拉框出现在点击选择的时候数据无法显示的问题。
Auto Refresh Plus | Page Monitor-crx插件
04-02
语言:Bahasa Indonesia,Deutsch,English,Français,Nederlands,Türkçe,español,italiano,magyar,polski,čeština,Ελληνικά,русский,中文 (简体),日本語,한국어 大大的页面页面可自动更新页面 简介：Auto Remerresh Plue派往需要在特定时间轻松执行自动网页刷新的任何用户。它还提供内容检测支持，这在需要查找包含在动态网页中的内容时确实非常有用。主要特征1.默认时间间隔：此功能允许您为每个页面刷新设置默认时间。您可以选择预定义的时间间隔或提供自己的自定义时间间隔。2.随机间隔：使用此功能，您可以随机化页面刷新的时间间隔。只需选择最小和最大时间范围，它将自动在这些范围之间的任何随机时间间隔内刷新页面。3.自动启动URL：这是一组URL，即ARP将在浏览器中由用户打开后立即启动自动刷新。您可以添加一个或多个URL。4.刷新预定义页面：使用此功能，您可以刷新网页而不自行打开它。在此功能中放置URL后，它将自动打开浏览器重新启动的URL，并开始在默认时间间隔内刷新它们。5.刷新
详解springboot+mybatis-plue实现内置的CRUD使用详情
08-18
主要介绍了详解springboot+mybatis-plue实现内置的CRUD使用详情，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Auto Refresh Plus | Old version-crx插件
04-03
语言:English (United States) 刷新页面自动，加上页面监视器功能。 *这是旧版本的自动刷新加分机，我已经上传了一些用户的需求。您可以在此找到最新版本https://chrome.google.com/webstore/detail/hgeljhfekpckiiplhkigfehkdpldcggm/related.Auto Remerresh Plue派往需要在特定时间轻松执行自动网页刷新的任何用户。它还提供内容检测支持，这在需要查找包含在动态网页中的内容时确实非常有用。此外，Auto Refresh Plus允许您轻松选择刷新过程的默认时间间隔，当然可以在任何给定时间更改。您甚至可以实现计时器以启动刷新，并且在开始Chrome时，它甚至可以自动启动刷新过程。自动刷新处理还包括一个功能，允许您在刷新时监视页面。如果需要，自动刷新加上显示通知并播放声音。自动刷新处理使您可以根据您的需求设置刷新间隔。自动刷新不仅可以刷新页面，还支持内容检测，这对于在动态网页中查找某些内容时非常有用。关键功能列表：-refresh页面基于时间间隔。 - 设置默认时间间隔。 - 启动（开
element vue select选择器选择后不回显解决
weixin_65456815的博客
06-12 3938
vue+element开发使用el-select不能回显的处理方案
element框架select值更新页面不回显的问题，动态表单props绑定问题
qq_43628158的博客
07-01 4400
当data中默认没有定义form.region的值时，会出现选择select后input没有回显选择数据值；强制重新加载页面@visible-change=“$forceUpdate()”
vue element 编辑下拉框el-select不能回显的问题
热门推荐
小小爪哇工程师的博客
12-16 1万+
本人的需求是点击表格里面的编辑按钮，把数据回显到弹窗内，其他的都能回显，但是就下拉框不能正常的回显。大致意思是：v-model的值必须是一个数据变量，而不是一个条件值或计算值。本人后端人员，有不对的地方，勿喷。
项目中会遇到的问题，el-select组件不回显，数据多选保存空白问题
weixin_43204464的博客
10-24 3449
2.如果绑定正确，可能是属性值数据类型不正确，比如，我的问题就是后台el-option绑定的数组，里面的id是number类型，而这一条数据给的id、是string类型，所以不回显label，只回显value。1.检查属性是否绑定正确，比如value绑定的数据，是否和数组的：key一致。label是否绑定的是要回显的数据。
element ui select下拉框不回显
weixin_43480441的博客
10-13 1000
element ui select 下拉不回显
TSC TTP-244 plue 驱动及软件
02-22
TSC TTP-244 plue 条码打印机驱动及条码软件
plue2:plue2迷宫
07-06
2. PLÜ - 迷宫 - 2AHIF - POS1 - 2014 年 12 月 15 日 任务 以下已经实施！ 您不必在这里编程任何东西！ 但是，在您自己的代码中，您必须使用此处描述的接口！ 您将使用计算机程序支持寻宝队伍。 寻宝活动在迷宫中进行：您的小队必须找到穿越迷宫的方法，当然还要收集尽可能多的宝藏。 这是迷宫的样子： <------------------------------- x - Achse --------------------------------> -4 -3 -2 -1 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 ^ +--+--+--+--+--+--+--+--+--+XX+--+--+--+XX+--+--+XXXXXXXXXXXXXXXX
Element中el-select下拉框无法回显
fdyputi的博客
10-10 6862
使用elementUI时，在页面编辑时，下拉框回显数据有问题 这里主题类型默认选中类型为1的主题，并显示主题类型 <el-form-item label="主题类型" prop="subjectType"> <el-select v-model="form.subjectType" placeholder="请选择" clearable filterable> <el-option v-fo
el-select el-option未回显选中或显示value值
qq_30434271的博客
08-18 3245
问题分析：很有可能是由于数据类型不一致导致的，比如后台接口返回的字段类型为int，但前端el-option设置的value为String类型，因此只需要对后台接口返回的int值，进行一次int.toString()即可。
avue行编辑el-select选择数据后未回显
qq_38295468的博客
08-10 1669
很多时候后台传的number，但是我们的封装可能写成了string，就会找很久找不出来。很多时候，我们表单里面嵌套表格，表格里面又有表单；多层嵌套的情况下，就会导致prop值忘记写了，所以一定不要忘记加slot-scope=“{ row, index }”。有时候因为vue2双向绑定的原理导致无法完全监听数组，所以在刷新时无法回显，可以尝试用this.$set()方法去更新内容。关于avue-crud的使用过程中，遇到很多次在表格中编辑数据时，无法回显下拉数据；根据多次经验总结出几个原因；
在编辑操作时，el-select多选下拉组件，选中label标签后，框中无法回显选中的label,,,
qq_41930094的博客
04-01 1079
3.柳暗花明：在网上寻觅方案无法解决之后，我冷静下来思考，为什么新增的时候我不出现这种问题，编辑的时候下拉组件就无法选中新的label进行显示，后面我想应该是出在数据格式有啥问题，排查代码，最后突然想到是不是我在封装表格数据渲染完成后依旧使用的是浅拷贝方式，导致一直引用的是同一个内存地址，导致后面下拉组件点击新的时候，无法做到回显最新，而依旧使用老的内存里值展示？想着，反正就是死马当活马医，试试看，然后，，，，，啊啊啊，正常了！，而change事件中监听已获取最新选中的Label。
el-select下拉框只回显value不回显label的原因以及解决方法
qickcao的博客
04-02 3761
el-select的采用的是map的key value结构，因此只显示value而不显示label的原因是，value的类型不正确，只需要在回显之前加上一行代码，将这个value转换成对应的类型即可，我这个里面需要的int类型，因此转成int就能回显正常。
【Element-Plus】el-select选择后不回显问题
qq_63514555的博客
06-15 1040
因此我们需要的是string类型，但是实际上我们给el-select绑定的是。Vue3 Element-Plus Setup语法糖。（object类型），导致一直绑定不上。到底还是setup语法糖不熟啊🤦‍♀️。el-select上面我们绑定的就是。首先说一下我用的技术。
element-plue
10-07
Element-Plus是一个基于Element UI的Vue组件库，它提供了一系列的高质量组件，可以用于构建现代化的Web应用程序。根据引用和引用的描述，如果在使用IDEA编写Vue项目时，遇到了Element-Plus无法正常使用的问题，可以尝试以下解决办法： 1. 确保你已经正确安装了Element-Plus，并在项目中引入了相应的组件。 2. 检查IDEA是否进行了索引编制，如果没有，请尝试重启IDEA或者手动重新编制索引。 3. 如果IDEA提示"未知的HTML标记"，可以尝试添加Javascript库依赖，具体操作是：进入IDEA的设置界面，选择"Languages & Frameworks" -> "JavaScript" -> "Libraries"，点击右侧的"+"按钮，选择要添加的JavaScript库，并确保相关的组件库已经被正确导入到项目中。 4. 如果项目丢失了所有模块，可以尝试删除并重新添加模块，这将强制IDEA更新索引。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值