element ui中select选择框默认赋值有时出现value，没有实现label原因

最新推荐文章于 2025-02-12 08:16:06 发布
最新推荐文章于 2025-02-12 08:16:06 发布
阅读量603 收藏 8
点赞数 5
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/wwll177/article/details/140653972
版权

可能的原因:1、赋值类型不对，例如key值是String类型，赋值了Number类型

wwll177
关注
element-ui select下拉框默认值的问题
qq_44970883的博客
03-17 1764
问题：element-ui select下拉框默认值的问题 描述： 编辑和查看用的同一个页面，编辑下拉框的时候value绑定的是code码,后台需要传code码，但是编辑回显得时候，后台返回的也是code码，从而v-model也就成了code码 回显就成了数字了 解决方案： 第一、加载的顺序，在各种钩子函数（回调函数中）必须先加载下拉框要选择的数据，然后在通过查询数据后绑定回显。 第二、要保证select下拉的ID和v-model里边的id保持一致。 第三、注意类型的转换（v-model里面的数据和遍历
vue element-ui select 远程搜索选择器的label值显示成value值的问题
qq_41328797的博客
08-27 3790
今天碰到一个很奇怪的bug，用element的远程搜索多选选择器时，选完了前面的，能够显示label绑定的值，选择器绑定的值也记录下了value的值，但是在模糊查询并且选择第二个选择的时候，第一个显示的label值会变成显示value值 下面是HTML代码 <script src="//unpkg.com/vue/dist/vue.js"></script> <s...
elementUI的el-select 默认值显示value不显示label问题
galaxyJING的博客
02-23 4366
elementUI的el-select 默认值显示value不显示label问题
ElementUI 的 el-select 设置值后显示value而不是label
最新发布
不抛弃、不放弃：Aaron莫言
02-12 284
的 el-select 设置值后显示value而不是label。
element-ui select选择器显示value值而不是label值的问题
yuxiangmitu的博客
07-20 6960
Element Select 选择器显示 value 而不是 label，可能是因为返回值的数据类型不匹配，需要转成Number类型。 比如当数据库返回的 value 是 bigint 类型时就不能自动匹配，如果是 varchar 类型就能自动匹配显示对应的 label 值。 this.dataForm.custId = Number(this.dataForm.custId) 如果要获取选择器的label值，可以在 el-select 选择器上添加一个change方法 @change="cu.
解决el-select回显value，不显示lable，以及之后不能操作的问题
qq_45779588的博客
04-11 1027
el-select v-model="addData.classifyIdsList" placeholder="请选择" multiple @change="$forceUpdate()">不能操作 加@change="$forceUpdate()"
el-select 中v-model绑定值，数据回显只显示value，不显示label
热门推荐
ZMJ_QQ的博客
03-09 2万+
1、当v-model绑定的是一个值时 <el-select v-model="modelTree" filterable> <el-option v-for="item in nameList" :key="item.id" :label="item.title" :value="item.id"> </el-option> </el-select> 数据回显只显示value,不显示label，原因可能有以下几个： 1、option的数据中
关于el-select回显问题 : 框内不显示label，而是value
qq_71214810的博客
11-11 7956
希望大家-成为厉害的大人和更可爱的小孩！很高兴遇见你。
el-select 数据回显，只显示value不显示lable
程邓楠的博客
09-06 3064
主页面 点击actions，把当前VIPGrade ID传过去 这个时候我们可以看到，select List是有数据的，但是为什么只显示value，并没有显示label呢？ 这个时候我们打印一下，从主页面传入的 id 是什么类型，再看一下我们的 list 里面的id是什么类型 通过控制台我们可以看到，主页面传入的id 是String类型的，而我们 list 的 VIPGradeid 是Bumber类型的，看到这里我们就知道原因了； 我们在数据回显 重置的我们 VI...
el-select后端返回数据显示value不显示label
weixin_45288172的博客
01-28 1747
需要展示label值，但是输入框中直接展示了后端数据返回的value值。发生这种情况，主要是因为后端返回的value值与option中的value值数据类型不一致导致的。
element-ui的el-select总是不显示label，而是显示value
chpswg的专栏
09-08 1013
element-ui的el-select总是不显示label，而是显示value， 这个问题改了无数次，结果发现是没有为el-option赋值label,
ELEMENT组件库，如何让select出现默认值
weixin_54048131的博客
10-02 476
1、使用ELEMENT创建select 2、设计固定值，再date中定义的Value进行响应设计就行 3、这样默认设置就可以了
element ui el-select给默认值（code/value），不显示对应的文字（lable）
小白正在变黑
12-11 1283
el-select的回显问题，可能是数据类型导致
vue 解决element-ui中el-select显示value不显示label的问题
weixin_43575792的博客
03-27 1万+
项目场景： 使用element-ui中的el-select，给选择框赋值时显示的值是value不是label 如下图所示，显示内容不是label 石河子大学而是value 1 原因分析： 产生上图的情况一般是由于el-select里面的v-model和v-value参数的类型不同，即下方代码中的form.sid和item.sid的类型不一致， <el-select v-model="form.sid" placeholder="请选择学校" style="width: 100%">
element-ui中select选择器，视图层只显示key值不显示label值；
ljm优快云的博客
03-09 806
是由于值类型导致的；list列表中value值为字符串，而v-model绑定的值为number类型；
vue中el-select无法显示默认选中值的name，直接显示值value
程序员小嗨
04-18 7163
一、背景 在写项目的过程中，突然发现el-select这个组件，绑定的值没办法显示name，而是直接显示value。在编辑项目的弹框中，要显示项目绑定了哪个数据库（项目外连数据库表主键ID），结果发现直接把关联数据库的ID显示了出来，这与我的设想不一致，因此来找找是什么问题 二、解决 有问题的，有文档的当然第一时间去看文档，一看数据类型是string。 value-key 作为 value 唯一标识的键名，绑定值为对象类型时必填 数据类型strin
Element el-select遇到的坑
qqnbsp的博客
05-08 304
el-select muliti v-model设置的时候有问题，要么选不中，要么取消不了，感觉很诡异。vue为了效率复用的结果。所以给每一个el-select加一个不同的key变量。发现value字符串，v-model设置的变量值是数值。所以江v-model赋值的变量转为字符串即可正常显示。一直显示value，不显示label的值。
ElementUI el-select 不显示lable而显示value的解决
D493829844的博客
01-07 3211
1. 按照官网例子，return的的数组写死内容，如下：options: [{ value: '选项1', label: '黄金糕' }, { value: '选项2', label: '双皮奶' }, { value: '选项3', label: '蚵仔煎' }, { value: '选项4', label: '龙须面' }, { value: '选项5', label: '北京烤鸭' }] 然后<el-select v-model="value" placeholder="请选择"> &l
textarea value不显示_记一次ElementUI选择器编辑时value回显label失败的bug解决
weixin_39943220的博客
11-30 714
一、前言实际开发中，我们经常使用数字、字母代替数据的中英文长选项，以便存储到数据库中时，存储空间更小。二、问题发现选择器代码： 对应的data列表：groupTypeList: [ {text: "IP:PORT", value: "5"}, {text: "IP", value: "8"}, {text: "CANAL", value: "14"}, {text: ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值