将后端返的值转换成文字展现在el-select框里

最新推荐文章于 2023-12-09 00:41:38 发布
大西瓜去不去皮 最新推荐文章于 2023-12-09 00:41:38 发布
阅读量1.1k 收藏 7
点赞数
文章标签： 前端 javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接： https://blog.csdn.net/qq_50988305/article/details/120888231
版权
本文讲述了在Vue.js应用中如何处理后端返回的状态数值，并将其转换为易于理解的文字，在el-select组件中展示。作者分享了自己在解决此问题时的学习过程，包括使用console.log()辅助调试，以及对于JavaScript基础知识的需求。希望寻求更简洁解决方案的大佬提供指导。
摘要由CSDN通过智能技术生成

今天和后端调接口，有一个修改状态的功能，如下图所示

 

 

 后端返的是一个状态代表值（0，1，2，3这种），

新增时的代码是这样

<el-form-item label="状态：" :label-width="formLabelWidth" prop="STATE">
    <el-select v-model="addForm.STATE"  style="width:230px" clearable placeholder="请选择">
        <el-option value="0" label="待审核"></el-option>
        <el-option value="1" label="兴趣"></el-option>
最低0.47元/天 解锁文章
大西瓜去不去皮
关注 关注
  • 0
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
element-ui <el-select> + <el-option> 回显格式为中文 传值格式为对应value
weixin_30825199的博客
10-22 2554
<template> <!-- 需求:使用 <el-select> + <el-option> 关于下拉选择 前端显示中文，传值为对应格式value --> <div class="demo"> <!-- 新增部分 --> <el-select ...
使用el-select ，传入数据，它显示数字的问题，不显示汉字，el-select下拉中文选择
m0_49471668的博客
11-21 1593
使用el-select ，传入数据，它显示数字的问题，不显示汉字，el-select下拉中文选择_wg6oos88的博客-CSDN博客
下拉框渲染的是数字而不是对应的文字，如何处理
一株木樨的博客
12-04 1627
下拉框将值渲染为对应的文字展示在前端页面
el-select回显
i_am_a_div的博客
06-16 1289
<el-select style="width:162px;" @change="aaa" v-model="searchObj.id" placeholder="请选择"> <el-option v-for="item in optionsId" :key="item.value" :label="item.value" :value="item.label"> </el-option> ...
el-select数据回显时不显示名称只显示数字01
hello world
03-01 3948
vue代码 <el-form-item label="性别："> <el-select v-model="form.sex" placeholder="请选择性别" size="mini" :disabled="checkStatus" clearable > <el-option v-for="item in sexList" :key="item.id" :label="item.label" :value="item.value" /&
后台返回字典值，前端在表格中根据接口返回得数字或者对应code展示文字实现
zwjl1017的博客
05-30 938
v2+js+element ui 实现字典匹配渲染表格
在Vue+ElementPlus的表格中:接口中返回数字类型的值转化在浏览器中转化为对应文字
weixin_44086056的博客
05-08 1988
在做项目时碰到问题，接口返回的值是数字，而要求在浏览器中显示的是对应的文字。在参考多数资料及动手实践后，解决了该类问题。 1.表格单元返回一个数字 eqpType返回的是数字，而数字对应的文字如下： export const equipList = [{ type: 1, value: '泵' }, { type: 2, value: '风机' }, { type: 3, value: 'PH计' }, { type: 4,...
element中el-select多选v-model是对象数组
最新发布
小马甲
12-09 1989
`element`中的`el-select`的`v-model`一般都是字符串或者字符串数组，但是有些时候后端接口要求该字段要传对象或者对象数组，如果再转换一次数据，对于保存配置和回显都是吃力不讨好的事情。把`el-option`的`value`改成`item`，结果发现竟然会报错 children must be keyed:
element-ui中的select下拉列表设置默认值方法
10-18
然后在`<el-select>`标签上使用`v-model`指令将`<el-select>`的值绑定到这个变量上。比如： ```html <el-select v-model="value" placeholder="请选择"> <el-option v-for="item in options" :key="item.value...
解决element ui select下拉框不回显数据问题的解决
10-17
在开发Vue.js应用时，Element UI是一个常用的组件库，提供了丰富的UI组件，其中包括`el-select`下拉选择框。然而，在实际使用过程中，有时会遇到`el-select`无法正确回显已选择数据的问题。本篇文章将深入探讨这个...
Vue-Table和Select组件接收数字换为对应的汉字
Phoneix的博客
06-14 2754
目录 一、Table组件数字转换 二、Select接收数字转换为汉字 一、Table组件数字转换 1.首先定义一个转换表-命名为：statusData statusData:{ "1":{ lable:"简单" }, "2":{ lable:"中等" }, "3":{ lable:"困难" } ...
【vue】下拉框回显问题（显示数字，实际应该显示中文）
易小花的博客
10-23 7714
【vue】下拉多选框回显问题 前端选择显示为中文。保存后，刷新数据回显，为1。 但，我想要显示的效果是文字，而且在别的需求页面中我也是这样写的。 百度，访问多篇博客，了解到问题的解决方法。 解决的重点：注意两边对应的数据类型。 所以，我去检查了。申明变量的时候，我用的是this.jtjx = null;数据的返回结果也是数字类型。查看option时发现了问题，option的value类型是string类型。两边类型对不上，那自然就读取不到对应的label啦。 问题解决。 总结：value值
el-select自定义文本框内容
大香蕉的博客
08-16 6446
效果： 代码： <el-select style="width:100%;" v-model="form.transportNumberPlate" filterable :disabled="readonly" remote placeholder="请输入关键词" :remote-method="searchPlateNum" @change="handleSelectPlateNum" :l...
用formatter格式化将后端传给的数字在页面上显成中文
qq_69576092的博客
06-13 931
用formatter格式化将后端传给的数字在页面上显成中文
前端根据后端返回状态来判断进行中文显示并定义中文样式
cqzdmm的博客
02-14 654
前端根据后端状态来判断进行中文显示并定义中文样式
Element UI el-select选择器根据后台返回的值动态展示内容
m0_58565372的博客
10-26 2033
需求：一个选择器的下拉框里面的内容是后台返回的数据，对于这样的情况我们怎么处理呢？
element select下拉框高亮显示输入文本
weixin_44177413的博客
07-20 705
思路就是把请求到的数据分别存到两个变量 一个会根据高亮值改变 一个永不改变 然后替换要改变的数据的内容成标签形式 用v-html渲染出来。
select从数据库取出数据并显示
子晓聊技术
04-10 5680
实现一个功能，下拉框列出企业列表，根据企业的id显示企业名称，而后台struts2的属性为   enterpriseName，其实接收的是企业的id号。   name="enterpriseName" id="enterpriseName" theme="simple">     通过可以获取到企业名称，但想让该值在下拉框中被选中，感觉单纯用s:select不好实现，故采用另一种方式
根据前端Vue时间范围-后端进行时间范围数据库查询
05-16
2. 在后端接收到时间范围参数后，将时间范围转换为数据库查询条件。可以使用 Moment.js 等库进行时间格式的转换和计算。 3. 在数据库中执行查询操作，将时间范围作为查询条件，查询出符合条件的数据。 4. 将查询...
写文章

热门文章

  • vue项目中插入icon图标 3941
  • [Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘setRules‘ of undefined“ 2796
  • Vue+ElementUI Cascader级联选择器 省市区修改回显 2266
  • vue请求数据成功后不执行then,执行catch 2106
  • 全国计算机等级三级数据库技术知识点 2104

最新评论

  • Vue+ElementUI Cascader级联选择器 省市区修改回显

    幸福蛋LJLddcom: 我这个控制台能打印数据 为什么还是不能回显啊

  • 将后端返的值转换成文字展现在el-select框里

    Oxygen404: <el-option value="0" label="待审核"></el-option> 改成 <el-option :value="0" label="待审核"></el-option>

  • Vue+ElementUI Cascader级联选择器 省市区修改回显

    大西瓜去不去皮: 表情包表情包hahhhh，拼多多可以的

  • Vue+ElementUI Cascader级联选择器 省市区修改回显

    不安于命: 不用谢，帮我砍一下拼多多就可以了表情包

  • Vue+ElementUI Cascader级联选择器 省市区修改回显

    大西瓜去不去皮: 表情包表情包是个不错的建议呢！蟹蟹你哦～

大家在看

  • C++面向对象基础
  • 9.创新与未来：ChatGPT的新功能和趋势【9/10】 838
  • 【AI大模型-文心-思维树解读-开篇】
  • python+flask计算机毕业设计基于人脸识别的医疗保险系统的设计与实现（程序+开题+论文） 936
  • Thread , ThreadLocal , ThreadLocalMap , Entry 之间的关系？ 659

最新文章

  • [Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘setRules‘ of undefined“
  • vue请求数据成功后不执行then,执行catch
  • vue项目中插入icon图标
2022年2篇
2021年5篇

目录

目录

评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值

深圳SEO优化公司关键词按天扣费遵义网站优化在线咨询网站公司优化排名城区网站优化推广排名品牌重庆seo网站排名优化公司深圳网站搜索引擎优化排名网络运营优化在网站的作用天津网站排名优化公司过度优化的网站江山网站优化公司郯城网站优化报价赣州市网站优化排名企石网站优化费用铜陵网站建设优化营销网站访问速度的各种优化方案知名的网站seo优化软件白云网站排名推广优化公司芜湖模板网站优化公司网站优化厂家词有效果吗台州网站优化找哪家关键词优化网站排名软件企业网站如何优化内容漯河知名网站优化公司价格网站自然优化哪家有实力池州网站优化有哪些东莞网站优化提供商菏泽网站优化关键词丁庄seo网站优化宁夏网站关键词优化报价恩平外贸网站优化歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅：唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人？开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运

深圳SEO优化公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化