Vue如何循环提取对象数组中的值


Posted in Vue.js onNovember 18, 2020

1.数据如下,提取name和callcount

Vue如何循环提取对象数组中的值

2代码.

getQueryCallStatistics("sesp1", this.provinceId).then((res) => {
    let arr = [];
    let arr1 = [];
    let arr2 = [];
    let arr3 = [];
    let arr4 = [];
    this.xunshiMap = res.data.callstatistics;
    res.data.callstatistics.forEach((element) => {
     // arr.push([
     //  element.name,
     //  element.callcount.patrol,
     //  element.callcount.repair,
     //  element.callcount.defect
     // ]);
     arr.push([element.name, 27, 38, 27]);
     arr1.push(element.name);

     arr2.push({ value: element.callcount.defect, name: element.name,type: element.name });
     arr3.push({ value: element.callcount.patrol, name: element.name,type: element.name });
     arr4.push({ value: element.callcount.repair, name: element.name,type: element.name });
     // arr2.push({ value: 27, name: element.name });
     // arr3.push({ value: 27, name: element.name });
     // arr4.push({ value: 38, name: element.name });
    });
    this.xunshiMap = arr;
    this.xunshiPer = arr1;
    this.xunshiPer1 = arr2;
    this.qxArr = arr4;
    this.xqArr = arr2;
    this.xsArr = arr3;
    setTimeout(this.renderEachCity, 0);
    this.echartCity();
   });

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Vue.js 相关文章推荐
Vue +WebSocket + WaveSurferJS 实现H5聊天对话交互的实例
Nov 18 Vue.js
Vue使用Element实现增删改查+打包的步骤
Nov 25 Vue.js
vue3+typeScript穿梭框的实现示例
Dec 29 Vue.js
Vue实现图书管理案例
Jan 20 Vue.js
浅谈Vue开发人员的7个最好的VSCode扩展
Jan 20 Vue.js
vue使用echarts画组织结构图
Feb 06 Vue.js
VUE实现吸底按钮
Mar 04 Vue.js
vue 数据双向绑定的实现方法
Mar 04 Vue.js
vue+flask实现视频合成功能(拖拽上传)
Mar 04 Vue.js
Vue中Object.assign清空数据报错的解决方案
Mar 03 Vue.js
vue中控制mock在开发环境使用,在生产环境禁用方式
Apr 06 Vue.js
vue-cli3.x配置全局的scss的时候报错问题及解决
Apr 30 Vue.js
vue在图片上传的时候压缩图片
Nov 18 #Vue.js
Vue +WebSocket + WaveSurferJS 实现H5聊天对话交互的实例
Nov 18 #Vue.js
springboot+vue实现文件上传下载
Nov 17 #Vue.js
vue 表单输入框不支持focus及blur事件的解决方案
Nov 17 #Vue.js
解决vue elementUI 使用el-select 时 change事件的触发问题
Nov 17 #Vue.js
Vue项目利用axios请求接口下载excel
Nov 17 #Vue.js
vue实现下载文件流完整前后端代码
Nov 17 #Vue.js
You might like
用PHP实现ODBC数据分页显示一例
2006/10/09 PHP
php/js获取客户端mac地址的实现代码
2013/07/08 PHP
对于ThinkPHP框架早期版本的一个SQL注入漏洞详细分析
2014/07/04 PHP
php返回字符串中所有单词的方法
2015/03/09 PHP
PHP7新增运算符用法实例分析
2016/09/26 PHP
php中this关键字用法分析
2016/12/07 PHP
PHP正则匹配操作简单示例【preg_match_all应用】
2017/07/10 PHP
js实现运行代码需要刷新的解决方法
2007/08/18 Javascript
11款基于Javascript的文件管理器
2009/10/25 Javascript
定时器(setTimeout/setInterval)调用带参函数失效解决方法
2013/03/26 Javascript
JS操作数据库的实例代码
2013/10/17 Javascript
利用JavaScript实现新闻滚动效果(实例代码)
2013/11/27 Javascript
JavaScript函数详解
2014/11/17 Javascript
利用Javascript实现BMI计算器
2016/08/16 Javascript
Canvas 制作动态进度加载水球详解及实例代码
2016/12/09 Javascript
30分钟快速入门掌握ES6/ES2015的核心内容(下)
2018/04/18 Javascript
详解使用 Node.js 开发简单的脚手架工具
2018/06/08 Javascript
swiper在vue项目中loop循环轮播失效的解决方法
2018/09/15 Javascript
微信小程序云开发 搭建一个管理小程序
2019/05/17 Javascript
python使用WMI检测windows系统信息、硬盘信息、网卡信息的方法
2015/05/15 Python
python检测某个变量是否有定义的方法
2015/05/20 Python
【Python】Python的urllib模块、urllib2模块批量进行网页下载文件
2016/11/19 Python
Django中利用filter与simple_tag为前端自定义函数的实现方法
2017/06/15 Python
python十进制和二进制的转换方法(含浮点数)
2018/07/07 Python
python 实现查询Neo4j多节点的多层关系
2019/12/23 Python
python opencv根据颜色进行目标检测的方法示例
2020/01/15 Python
opencv python Canny边缘提取实现过程解析
2020/02/03 Python
Django ORM判断查询结果是否为空,判断django中的orm为空实例
2020/07/09 Python
Python析构函数__del__定义原理解析
2020/11/20 Python
详解HTML5中ol标签的用法
2015/09/08 HTML / CSS
兰兰过桥教学反思
2014/02/08 职场文书
办公设备采购方案
2014/03/16 职场文书
社区平安建设汇报材料
2014/08/14 职场文书
辞职信如何写
2015/02/27 职场文书
全新239军机修复记
2022/04/05 无线电
动作冒险《Hell Is Us》将采用虚幻5 消灭怪物探索王国
2022/04/13 其他游戏