前言

项目中后端给的数据有时候不可能完全符合前端的数据要求，比如element-ui+vue项目组合中，下拉框数据是数组的形式。然而后端同事给的确是对象数据，当然你可以和后端协商改成你想要的数据… 但是这样往往比较麻烦，喜欢安静写代码的前端决定自己转换。

提示：正文内容

一、后端给的数据

二、如何转换

         console.log('res:', res);let resObj = res.data.data; //获取后台给的对象数据let arr = []; //定义一个空数组for (let key in resObj) {//用for循环转换resObj对象arr.push({value: key,label: resObj[key]});}this.deviceList = arr; //将改数组赋值给数组deviceList，渲染到页面上

       <el-form-itemlabel="报警类型"prop="roomNumber"><el-selectplaceholder="请选择"clearabledefault-first-optionv-model="formInline.alarmDeviceType"@change="onSearch"><el-optionv-for="(list,k) in deviceList"  //将数组渲染到页面上:key="k":label="list.label":value="list.value"></el-option></el-select></el-form-item>

三、最终结果

分享就到这里了，如果对你有帮助，不要忘记点赞哦！

对象数据如何转化成数组相关推荐

Python dataframe指定列顺序输出 + 列数据转化成字符 + 数据框转化成列表
参考: (3条消息)pandas中的DataFrame按指定顺序输出所有列 - quintind的专栏 - CSDN博客 https://blog.csdn.net/quintind/article/ ...
JS 使用正则匹配字符串中所有大括号包含的数据，转换成数组形式
JS 使用正则匹配字符串中所有大括号包含的数据,转换成数组形式 .match(/{[^}{]*?}/g)
ajax返回的数据有问题,ajax请求成功返回数据，转成数组后，for遍历取不到值的有关问题...
当前位置:我的异常网» Ajax » ajax请求成功返回数据,转成数组后,for遍历取不到 ajax请求成功返回数据,转成数组后,for遍历取不到值的有关问题 www.myexceptions.ne ...
php将json转化成数组,PHP怎么把JSON数据转换成数组？
在PHP中可以使用"json_decode"函数把JSON数据转换成数组,该函数的语法是"json_decode( $json, $assoc=FALSE, $depth ...
数据怎么转化成图形分析？快来学习Echarts5开发技术
目录一. Apache ECharts 1.1 引入 Apache ECharts 1.2 开始简单的图表二. 图表容器及大小三. 数据集四. 多个 dataset 以及如何引用他们五. 使 ...
列表转化成数组_30. 把数组排成最小的数
把数组排成最小的数题目描述输入一个正整数数组,把数组里所有数字拼接起来排成一个数,打印能拼接出的所有数字中最小的一个.例如输入数组{3,32,321},则打印出这三个数字能排成的最小数字为3213 ...
php将json转化成数组,php如何把json转换成数组
php把json转换成数组的方法:首先创建一个php示例文件:然后创建一组json格式数据:接着通过"json_decode"函数把json转换成数组:最后通过"var_ ...
json vue 对象转数组_json 将对象转化成数组第二种方式
json字符串.json对象.数组三者之间的转换 //json字符串.json对象.数组三者之间的转换 let jsonStr = '[{"id":"01" ...
提取json对象中的数据，转化为数组
var xx1 = ["乐谱中的调号为( )调", "写出a自然小调音阶.", "以G为冠音,构写增四.减五音程.", "调式分析 ...

对象数据如何转化成数组

文章目录

前言

一、后端给的数据

二、如何转换

三、最终结果

对象数据如何转化成数组相关推荐

最新文章

热门文章