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实现坐标拾取器功能示例
Nov 18 Vue.js
Vue用mixin合并重复代码的实现
Nov 27 Vue.js
ESLint 是如何检查 .vue 文件的
Nov 30 Vue.js
Vue ​v-model相关知识总结
Jan 28 Vue.js
学习 Vue.js 遇到的那些坑
Feb 02 Vue.js
vue中三级导航的菜单权限控制
Mar 31 Vue.js
Vue和Flask通信的实现
May 19 Vue.js
详解gantt甘特图可拖拽、编辑(vue、react都可用 highcharts)
Nov 27 Vue.js
Vue组件更新数据v-model不生效的解决
Apr 02 Vue.js
Vue OpenLayer测距功能的实现
Apr 20 Vue.js
Vue操作Storage本地化存储
Apr 29 Vue.js
Vue ECharts实现机舱座位选择展示功能
May 15 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执行速度全攻略(下)
2006/10/09 PHP
推荐文章系统(一)
2006/10/09 PHP
Laravel 5框架学习之环境与配置
2015/04/08 PHP
PHP中trim()函数简单使用指南
2015/04/16 PHP
PHP使用PHPExcel删除Excel单元格指定列的方法
2016/07/06 PHP
使用Codeigniter重写insert的方法(推荐)
2017/03/23 PHP
PDO::errorCode讲解
2019/01/28 PHP
Maps Javascript
2007/01/22 Javascript
JQuery textlimit 显示用户输入的字符数 限制用户输入的字符数
2009/05/14 Javascript
javascript document.execCommand() 常用解析
2009/12/14 Javascript
js 跳出页面的frameset框架示例介绍
2013/12/23 Javascript
初识SmartJS - AOP三剑客
2014/06/08 Javascript
javascript实现别踩白块儿小游戏程序
2015/11/22 Javascript
React Native中导航组件react-navigation跨tab路由处理详解
2017/10/31 Javascript
基于axios 解决跨域cookie丢失的问题
2018/09/26 Javascript
JS如何实现网站中PC端和手机端自动识别并跳转对应的代码
2020/01/08 Javascript
vue中实现回车键登录功能
2020/02/19 Javascript
Element Input输入框的使用方法
2020/07/26 Javascript
[00:29]2019完美世界全国高校联赛(秋季赛)总决赛海口落幕
2019/12/10 DOTA
python正则表达式去掉数字中的逗号(python正则匹配逗号)
2013/12/25 Python
使用Python3 编写简单信用卡管理程序
2016/12/21 Python
python逐行读写txt文件的实例讲解
2018/04/03 Python
Python3实现打印任意宽度的菱形代码
2020/04/12 Python
python利用os模块编写文件复制功能——copy()函数用法
2020/07/13 Python
纯CSS3编写的的精美动画进度条(无flash/无图像/无脚本/附源码)
2013/01/07 HTML / CSS
美国在线宠物用品商店:Entirely Pets
2017/01/01 全球购物
运动鞋、足球鞋和慕尼黑球衣:Sport Münzinger
2019/08/26 全球购物
质检部职责
2013/12/28 职场文书
表扬信格式
2014/01/12 职场文书
白酒市场营销方案
2014/02/25 职场文书
坎儿井导游词
2015/02/09 职场文书
毕业证明模板
2015/06/19 职场文书
公司财务管理制度
2015/08/04 职场文书
毕业晚宴祝酒词
2015/08/11 职场文书
发工资啦!教你用Python实现邮箱自动群发工资条
2021/05/10 Python
使用SQL实现车流量的计算的示例代码
2022/02/28 SQL Server