el-select的某一项选中后显示id

最新推荐文章于 2024-04-29 10:21:25 发布
最新推荐文章于 2024-04-29 10:21:25 发布
阅读量580 收藏
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangyu_98/article/details/133158965
版权

环境:   vue3+element-plus 

今天在使用elementui的下拉组件的时候发现有一个选项在选中后显示的是id.找了会没看到问题,后来想到会不会是没有设置key的原因(之前看到说vue3可以不用设置key),果然加上key就可以了


小鱼儿123123
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
el-select获取选中的label值.pdf
12-16
首先，`el-select`组件允许我们绑定一个数组作为其选项，每个选项通常包含`value`和`label`两个属性，`value`通常用来作为唯一标识，而`label`则用于显示给用户看的文本内容。在HTML模板中，`el-select`可以通过`v-...
el-select回显数据，本来应该显示label的值，结果显示的是id值
weixin_45534301的博客
08-17 2935
解决方法：在调基本信息的接口中将回显的数据的数据类型转成数字类型。3）.如果字符串是一个空串或者是一个全是空格的字符串，则转换为0。解析一个字符串并返回一个数字。将字符串值乘以1不会改变值，并且默认情况下它会转换为数字。1）.如果是纯数字的字符串，则直接将其转换为数字。2）.如果字符串中有非数字的内容，则转换为NaN。下拉选框调的后端接口，返回的id时数字类型的，回显数据对应的id值是字符串类型的。null --> 数字 0。6.双波浪号 (~~) 运算符。3.使用一元运算符 (+)
Element Select选择器绑定对象，多选，回显处理
热门推荐
crazybai0001的博客
10-28 1万+
有些时候Select选择器需要多选、绑定对象，用户选择某项后（change事件），得到的值是一个对象，得到对象后可以获取对象的某些属性，以便做进一步处理，数据提交入库后，进行编辑操作，此时根据需求可能还需要正确定回显之前新建时选择的多个列表项，本文对些功能实现做简单整理、解释。
vue el-element中el-select选中值，数据已经改变但选择框中不显示值，需要其他输入框输入值才显示这个选择框才会显示刚才选中的值
最新发布
qq_45067263的博客
04-29 1672
el-select选中值，数据已经改变但选择框中不显示值，需要其他输入框输入值才显示这个选择框才会显示刚才选中的值。第一个值为选择的数值，暂时用不到，第二个值为数据的下标，用于事件改变值时提供坐标，第三个值为改变后的整条数据。this.$set方法，第一个值为改变谁，第二个值为改变值的坐标，第三个则是改变后数据，重新赋值给详情数据。this.offerBatchModifyData是我的详情数据，InquiryItemList是数组，可以根据自己的数据做相应调整，这样就可以正常显示选中的数据了。
【element Vue】＜el-select＞回显问题，应该回显 label 却只显示了id
AAAXiaoApple的博客
06-08 1万+
回显问题，应该回显 label 却只显示了id
vue2+element-ui 问题 el-select 远程搜索出现 回显出现ID
SzsxXy的博客
03-29 2863
vue2+element-ui 问题 el-select 远程搜索出现 回显出现ID
关于element-UI的el-select下拉框数据回填显示的id问题
SYXZSs的博客
01-25 7679
关于element-UI的el-select下拉框数据回填显示的id问题 问题如图： 三个form-item都是使用el-selece，但是责任人一栏却显示为id 问题情况 是后台返回的数据类型的原因。 我在接口获取的function里 循环责任人的id，打印类型为number。此时以这样的情况可以判断为id应该属于String类型。 如下图：我使用map更改原数组，使其id转为String再重新赋值给id。整个数组再赋值给空数据，这样再绑定el-select就不会出现数据回填显示id的情况了！
Vue + Element-ui的下拉框el-select获取额外参数详解
10-14
首先，`el-select`组件的`v-model`属性用于绑定选定的值，`@change`事件则在选中项发生变化时触发。默认情况下，`change`事件的回调函数接收到的参数是当前选中项的值。然而，如果我们需要在触发`change`事件时同时...
element-ui 远程搜索组件el-select在项目中组件化的实现代码
10-15
在项目中，为了提高代码复用性和可维护性，通常会将`el-select`封装成一个自定义组件。 以下是对`el-select`组件化实现的详细解析： 1. **组件模板**： - `el-select`组件的HTML结构被包裹在`<template>`标签内，...
Vue: 多个el-select不能重复选择相同属性
02-22
在Vue.js框架中，`el-select`是Element UI库中的一个组件，用于创建下拉选择框。当我们在项目中遇到“多个el-select不能重复选择相同属性”的问题时，这意味着我们可能需要实现一种机制来确保不同select组件之间的...
解决element ui select下拉框不回显数据问题的解决
10-17
在开发Vue.js应用时，Element UI是一个常用的组件库，提供了丰富的UI组件，其中包括`el-select`下拉选择框。然而，在实际使用过程中，有时会遇到`el-select`无法正确回显已选择数据的问题。本篇文章将深入探讨这个...
关于element-ui下拉框回显id或Boolean,不能正常显示值的解决办法
Hemri2580的博客
03-14 846
解决element select下拉回显
vue+elementUI下拉框回显问题解决
weixin_47390965的博客
04-25 9444
在开发过程中, 总会做到修改功能, 但是在修改回显的时候, 发现下拉框始终回显的是id而不是文本,下面看案例
el-select 两个选择器 选择其中一个值，让另外一个不显示-----和控制按钮操作
weixin_56408993的博客
03-16 2895
我们用 v-if 控制 两个值的隐藏，显示 下面图片效果 1：我们需要 @change="TaskArr" 点击事件
vue+element实现在多选框选入其中某个值时显示一个输入框
wjw_de_java的博客
01-26 4914
思路：当点击多选框是触发事件，在事件中判断，选择的值中是否有那个选择之后发生改变的值，如果有就展示那个输入框，否则不展示 效果图如下：选中输入框显示 效果图如下：不选中输入框不显示 代码实现： //多选框代码（@change="warrantNameChange"：当多选框变化时触发的事件） <el-col :span="11" :offset="0" > <el-form-item label="XXX" prop="warrantName"
修改组件el-select默认展示id不展示label
m0_47733490的博客
09-02 1627
项目中有修改组件，点击获取到表单的数据，但是有一个下拉框展示的是id而不是name 看了半天代码，双向绑定和传值都没问题，查了半天资料最后发现是后端传给我的id字段和前端的id类型不同，一个是字符串一个是number，返回的数字和el-option选框里的value值类型对应不上 解决办法：将v-for遍历的数组中id字段都改成number类型 修改前： 修改后： 修改后页面正常显示： ...
el-select默认选中 显示的是id 不是汉字
weixin_50899360的博客
08-11 1414
el-select回显 默认选中 显示id
Element——el-select多选器
拾柒唸的博客
08-28 6952
Element的el-select的多选功能详解
Vue Element下拉框显示多个值 Select多值显示
yf18040578780的博客
03-22 944
Vue Element下拉框显示多个值 Select多值显示
修改el-select选中后的el-opation样式
07-08
要修改el-select选中后的el-option样式，你可以使用以下方法： 1. 使用CSS选择器来修改样式。首先，给el-select设置一个唯一的class或id，例如"my-select"。然后使用CSS选择器来选择el-select选中的el-option元素，...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值