el-tree-select、el-select 回显name值不对，显示的是id的值（回显应该是name，结果显示id）

已于 2024-01-22 13:37:17 修改
阅读量1.1k 收藏 11
点赞数 8
分类专栏： 兼容 文章标签： vue.js 前端 elementui
于 2024-01-22 11:17:59 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39882537/article/details/135743678
版权

El-tree-select，el-select
回显应该是name，结果显示id

问题是id的类型不匹配

如果是接口直接返回的超长位数id，一般会用string类型
el-select 对应id的类型是number，所以类型不统一就会出现现实错误问题

关注博主更多文章 https://blog.csdn.net/qq_39882537

厘子 车
关注
  • 8
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
el-select在改变value之后，没有渲染名称，显示的是id
flyaway0624的博客
06-19 1879
1.这里是因为下拉框里option使用了v-if来显示是否显示该选项 <el-select v-if="ruleForm.mergerToSelect!=='3'" filterable remote :remote-method="remoteMethod" :loading="loading" v-model="ruleForm.mergerToSelectId" v-el-select-loadmore="handleLoadmore" :placeholder="langs.choice
el-tree中setChecked(id, true, false) 回显问题
03-21
el-tree中setChecked(id, true, false) 回显问题
element select下拉嵌套tree树结构
weixin_44826388的博客
05-26 2184
代码封装组件 <template> <el-select ref="select" :value="value" placeholder="请选择" @visible-change="visibleChange" clearable style="width: 100%" @clear="clear" > <el-option ref="option" class="option".
Vue Element Select 选择器 和 Tree 树形控件 结合
KingCruel的专栏
03-25 2562
本示例以 Vue Element Admin 项目为基础，介绍 Element Table 表格控件 1、/src/components/TreeSelect/index.vue <template> <el-select :value="valueTitle" :clearable="clearable" @clear="clearHandle"> &...
elementPlus treeselect相关问题
最新发布
qq_33225414的博客
04-29 507
【代码】elementPlus treeselect相关问题。
elementui tree 父子关联下获取name和id
weixin_43173924的博客
09-03 1629
<template> <el-dialog title="设置科室" :visible.sync="dialogVisible" width="30%"> <el-tree accordion ref="tree" :data="depList" :props="depProps" node-k...
el-select回显数据，本来应该显示label的值，结果显示的是id值
weixin_45534301的博客
08-17 2861
解决方法：在调基本信息的接口中将回显的数据的数据类型转成数字类型。3）.如果字符串是一个空串或者是一个全是空格的字符串，则转换为0。解析一个字符串并返回一个数字。将字符串值乘以1不会改变值，并且默认情况下它会转换为数字。1）.如果是纯数字的字符串，则直接将其转换为数字。2）.如果字符串中有非数字的内容，则转换为NaN。下拉选框调的后端接口，返回的id时数字类型的，回显数据对应的id值是字符串类型的。null --> 数字 0。6.双波浪号 (~~) 运算符。3.使用一元运算符 (+)
el-select的某一项选中后显示id
zhangyu_98的博客
09-22 566
el-select的某一项选中后显示id
el-select默认选中 显示的是id 不是汉字
weixin_50899360的博客
08-11 1410
el-select回显 默认选中 显示id
【element Vue】＜el-select＞回显问题，应该回显 label 却只显示了id
热门推荐
AAAXiaoApple的博客
06-08 1万+
回显问题，应该回显 label 却只显示了id
【elementUI】使用el-tree组件根据所选id自动回显
SZnAl的博客
07-22 2685
使用elementUI tree组件根据所选id自动回显
element-ui 远程搜索组件el-select在项目中组件化的实现代码
10-15
Element-UI的`el-select`组件是用于创建下拉选择框的，它提供了丰富的功能，包括远程搜索（remote search）。远程搜索在大型数据集或动态获取数据的情况下非常有用，因为它只在用户输入时向服务器请求数据，提高了...
Element-ui el-tree新增和删除节点后如何刷新tree的实例
01-21
补充知识：element-ui组件el-tree添加按钮管用，删除按钮，数据会变，但是页面不更新 可能是element-ui 的版本太低了 我用的element-ui 2.4.6 后来发现2.4.11的是管用的 所有更新element-ui版本 cnpm i eleme
element-ui中select组件绑定值改变,触发change事件方法
10-18
今天小编就为大家分享一篇element-ui中select组件绑定值改变,触发change事件方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
基于element ui 二次封装的el-tree组件，支持懒加载数据，多选和单选，以tag方式回显输入框中，支持删除tag
01-24
树形下拉选择组件，下拉框展示树形结构，提供选择某节点功能 基于element ui 二次封装的el-tree组件，支持懒加载数据，多选和单选，以tag方式回显输入框中，支持删除tag，提供调用组件示例代码
element-plus tree-slelcet 子节点展开没有显示对应文字只显示id
qq_26889291的博客
09-26 1012
在el-tree-select组件加 :render-after-expand="false"属性。
el-select多选同时获得id和name、回显
m0_69502730的博客
02-07 1559
同时得到id和name。
vue + element ui工程，Tree 树形控件展示指定值，比如name
qq_43314764的博客
03-09 1043
1.element ui的Tree 树形控件数据官方例子中展示label。 2.本文实现目的：采用数据中的name作为展示项。 数据效果图： 数据： data() { const data = [ { id: 1, name: '一级 1', iconType: 'group', ch
关于select的id以及value传给后台的问题
anlin9217的博客
03-05 1004
下面解释下后端为什么让传id的时候我们要怎末办？ 定义一个空对象将他的值给select的值，option遍历的时候：value="item",这里的item是一个对象，也就是如果你要提交的话，提交的当然是空对象，除非你手动改变select的值， 如果改变select的value值，也就是改变了obj这个对象，此时我们就可以拿到他的obj的id,以及name,当然一般后...
el-select el-tree回显
08-16
对于el-select和el-tree的回显，可以按照以下步骤进行操作： 1. 对于el-select，可以使用v-model指令将选中的值与数据进行绑定。当需要进行回显时，只需要将对应的值赋给v-model即可。例如，如果需要回显值为"option1"的选项，可以将v-model的值设置为"option1"。这样，el-select将会自动选中该选项并进行回显。 2. 对于el-tree，可以通过设置default-checked-keys属性来指定需要回显的节点。这个属性接受一个数组，数组中的每个元素代表需要回显的节点的key值。例如，如果需要回显key值为"node1"和"node2"的节点，可以将default-checked-keys设置为["node1", "node2"]。这样，el-tree将会自动选中这些节点并进行回显。 需要注意的是，回显的值必须与选项或节点的key值一致，才能实现正确的回显效果。另外，对于el-tree来说，还可以通过设置default-expanded-keys属性来指定需要展开的节点，以提供更好的用户体验。 总结起来，回显el-select和el-tree的值可以通过设置v-model和default-checked-keys属性来实现。具体的操作步骤如上所述。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值