vue 当后端返回列表里的值为1、2、3、4，而列表展示的值，需要前端编写

最新推荐文章于 2022-09-30 11:52:57 发布
最新推荐文章于 2022-09-30 11:52:57 发布
阅读量5.5k 收藏 11
点赞数 6
文章标签： vue

前端页面也好列表后,对应到后端接口中的地段后，对应接口返回的1.2.3.4，列表中需要根据此对应到名字。需要前端处理时。
在这里插入图片描述
在列表里写入，即可。

仅此为个人学习记录。

转载：https://blog.csdn.net/qq_39510798/article/details/81708665

沈--倾筱
关注
  • 6
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
前端数组实战运用，拿后端返回的数据进行操作
qq_45163356的博客
11-05 3247
前言：有时候我们不直接拿到后端返回的数据进行赋值操作，可能需要对后端数据进行加工包装 ，下面是一些我工作中学习上累计的一些实战逻辑方法。供交流学习 增加 push：像数组后一位添加，返回长度，一般定义一组对象，对象的value值等于后端返回的数据，将这个定义的对象push到数组里，再操作这个数组 const trend = { xlzj: res.data.xlzjtsl, } this.trendDayQsList.push(trend) spl.
如何处理后台返回的数据
pumpkin_truck的博客
08-25 3687
如何处理后台返回的数据 作为前端人员来说，学会调接口的同时，最主要的是需要学会处理后台返回来的数据。 记得刚接触项目的时候，处理后台返回的数据可让我好一阵头疼。 今天就来说点简单的。 最常见的就是后台返回一个数字，或是字符串，我们需要在页面将它转换为对应的中文。 比如常见的有政治面貌，审核状态，分类等。 先以政治面貌为例子 { label: "中共党员", value: "1" }, { label: "中共预备党员", value: "2" }, { label: "共青团员", val
后端接口返回复选框值为字符串“1,2,3“前端如何进行复选框数据回显
zhutianyuyuyu的博客
06-10 644
后端接口返回复选框值为字符串"1,2,3"前端如何进行复选框数据回显代码展示 代码展示 //res.content.sendTemp="1,2,3" const sendStrList = []; const sendTempList = res.content.sendTemp.split(`,`); for (let i = 0; i < sendTempList.length; i++) { switch (sendTempList[i]) {
后端返回不同数据类型的不同获取方式
weixin_45207113的博客
09-30 1727
1，问题介绍 在项目开发过程中，后端返回的数据封装类型多种多样，而我们前端则需要根据不同的返回数据列表提取出我们需要的数据。因此，需要掌握不同返回数据样式的不同获取方法。 本文中主要介绍后端返回【字符串数组】和【对象】的前端数据处理方式，作为积累。 2，问题背景 在项目进行【原料索证】功能时，此时后端返回的时一个对象，与之前返回的字符串数组不同，需要更改获取和处理方式。 2.1 字符串数组返回 ...
学习vue笔记（3）
xxxxxii的博客
05-18 565
v-model的使用 作用：vue中使用v-model指令来实现表单元素和数据的双向绑定。 实际效果： 通过v-model实现了双向的绑定，插入到DOM中，所以DOM会发生相应的改变。 原理：v-model是一个语法糖，本质上其实是两个操作： 1.v-bind绑定一个value属性； 2.v-on指令给当前元素绑定input事件。 <input type="text" v-model="message"> 等同于 <input type="text" v-bind:value="mes
后端api采用go语言框架gin编写，前端使用vue + element ui编写.zip
最新发布
03-03
在本项目中，开发者采用了两种主流的技术栈来构建一个完整的Web应用：后端采用Go语言的Gin框架，而前端则使用Vue.js搭配Element UI。接下来，我们将详细探讨这两个技术及其在项目中的应用。 首先，Gin是一个用Go...
前端vue+后端koa，全栈式开发bilibili首页.zip
03-03
Vue.js以其轻量级、易学易用、组件化开发的特点，被广泛应用于现代Web前端开发，而Koa则以其强大的中间件系统和简洁的API设计，成为构建高效后端服务的理想选择。接下来，我们将深入讨论这两个技术以及如何结合它们...
集思笑话，含Vue.js后端，点赞 (2).zip
01-10
【集思笑话，含Vue.js后端，点赞 (2).zip】这个压缩包文件是一个包含微信小程序案例的项目，主要用于教学目的，适用于毕设或课设的学习。此案例重点展示了如何利用Vue.js作为后端技术和微信小程序进行集成，实现点赞...
案例实战NodeJS+Vue3+MySQL实现列表查询功能源码包
10-31
在本案例实战中，我们将探讨如何使用Node.js作为后端服务器、Vue3作为前端框架以及MySQL作为数据库来实现一个基本的列表查询功能。这个项目名为"product_list_demo"，意在展示如何创建一个产品列表的示例应用。 ...
基于golang的gin框架和vue3开发的博客系统 goblog .zip
01-03
【基于Golang的Gin框架和Vue3开发的博客系统】是现代Web开发中的一个典型应用，结合了后端的强大处理能力和前端的高效交互体验。本文将深入探讨这两个技术栈在构建博客系统“goblog”中的应用。 Golang的Gin框架是...
Vue element ui 操作表格状态，后台值为1显示某某，2显示某某
qq_40630924的博客
03-18 9718
vue+element-ui根据后台获取的值为1、2、3等类型时候进行中文显示 有时候后台返回的状态不是中文的时候而是1、2、3这种类型的时候这时候不能直接根据prop属性直接进行显示，需要根据这些类型进行判断从而显示我们想要的中文时，比如表格中的某列需要显示中文的时候： <template> <el-table :data="tableData" style...
使用ant design of vue的下拉框来选择性别，性别的值为0、1，被选中的选项显示的是value值，即0、1，不显示男、女
smilling sky的博客
08-12 2626
问题：（ 男：0 女：1） 后端传回数据0，选中框应该显示男而不是0 出现问题的写法： < a-select v-model=“test.sex” placeholder=“请选择性别” notFoundContent=“数据为空” style=“width:100%”> < a-select-option value=“0”>男< /a-select-option> < a-select-option value=“1”>女< /a-selec
vue3源码分析——实现element属性更新，child更新
twinkle的博客
06-28 751
本期来实现， vue3更新流程，更新元素的props,以及更新元素的child，所有的源码请查看在上面流程图中，如果在中有一个对象,并且赋值为 ，然后通过某种方式重新赋值为2，就会触发更新流程；effect收集依赖肯定是在里面，但是具体在哪里呢？在中，里面有三个函数看到上面三个函数，想必大家都知道是在哪个函数进行effect了吧！😊😊😊 属性更新 属性更新，毫无疑问的是，元素中的属性进行更新，新增，修改和删除等！ 分析 通过上面的需求，分析以下内容：问题解决： 更新children...
Vue项目中，后台传过来0、1、2等数字，把数字转换为相应的字符值
weixin_43181470的博客
09-30 2472
在el-table表格中，从后台获取到的数据是0、1、2等数字，前端在进行展示的时候，需要把数字转换成相应的字符串，在表格中进行展示。
「前端」[1, 2, 3].map(parseInt) 解析
Jack's Blog
09-17 1429
这题比较基础，主要考察的是map()方法和parseInt()方法的了解。 parseInt parseInt()方法解析一个字符串参数，返回一个指定基数的整数。 const intValue = parseInt(string, radix); // 由此可见Number.parseInt()与全局环境下parseInt()是同一个方法 Number.parseInt() === parseI...
1,2,3,4,5...和[“1“,“2“,“3“,“4“,“5“]的相互转换问题
清宵尚温的博客
12-28 603
一. 问题描述： 前端回传的数组看上去是一个带有括号的形式，比如[“1”,“2”,“3”,“4”,“5”]这种的， 但是打印输出的时候结果是 1,2,3,4,5… 从我的个人角度而言，[“1”,“2”,“3”,“4”,“5”]是一个json数组，存库的时候可以放入数据库中，方便用后期使用mysql的json函数，这就要求我们使用函数相互转换存入数据库。 还有一个问题，前端的需要的是一个"1,2,3,4,5"的字符串，取出数据库中的数据为json字符串，所以需要再次转换成前端需要的格式，方便页面展示。 二.
vue实现简单的学生成绩
m0_64337756的博客
03-28 1256
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl...
Vue.js基础
qq_43384940的博客
01-31 367
Vue.js 1. 什么是Vue Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。 官方链接： https://cn.vuejs.org 渐进式框架 没有大型框架的强制要求，可以只是用Vue的核心内容。 可以与其他的前端框架的混用。 学习可以循序渐进的学习。 1.1 Vue特点 易用：了解关于 HTML、CSS 和 JavaScript 的中级知识，能够完成基础的前端开发。 灵活：不断繁荣的生态系统，可以在一个库和一套完整框架之间自如伸缩。 高
Uncaught TypeError: this.roleInfos[i].slice is not a function Vue框架，数组转化的问题[[1],[2]]=＞[1,2,3]
女神的博客
02-15 511
问题情况 Uncaught TypeError: this.roleInfos[i].slice is not a function 上网百度，大部分的答案都说是名字重了 名字又么有重，我也百思不得其解，还是同学帮忙理了思路才发现问题的根源。 发现问题 页面 我用是elementplus组件里面的联级选择器 v-model绑定了一个名字为roleInfos的数组 我这个下拉框的内容是后台传过来的值，options是组件绑定的下拉框内容，把传过来的内容格式稍微转变一下。以便渲染到页面上
html+vue 商城列表前端从后端拿到list数组显示在前端
06-11
2. 在前端使用Vue框架，使用axios库来异步请求后端接口，并将获取到的商品列表数据存储在Vue实例的data属性中。 3. 在Vue实例的template中，使用v-for指令遍历data属性中的商品列表数据，并展示在页面上。 下面是...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值