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中使用Echarts可视化库的完整步骤记录
Nov 18 Vue.js
vue单元格多列合并的实现
Nov 26 Vue.js
详解Vue3 Teleport 的实践及原理
Dec 02 Vue.js
Vue实现图书管理小案例
Dec 03 Vue.js
vue+element_ui上传文件,并传递额外参数操作
Dec 05 Vue.js
Vue常用API、高级API的相关总结
Feb 02 Vue.js
Vue单页面应用中实现Markdown渲染
Feb 14 Vue.js
Vue包大小优化的实现(从1.72M到94K)
Feb 18 Vue.js
vue中axios封装使用的完整教程
Mar 03 Vue.js
使用vue判断当前环境是安卓还是IOS
Apr 12 Vue.js
如何优化vue打包文件过大
Apr 13 Vue.js
vue3 自定义图片放大器效果的示例代码
Jul 23 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中sprintf与printf函数用法区别解析
2014/02/17 PHP
CI框架入门之MVC简单示例
2016/11/21 PHP
yii2.0整合阿里云oss上传单个文件的示例
2017/09/19 PHP
laravel-admin select框默认选中的方法
2019/10/03 PHP
宝塔面板在NGINX环境中TP5.1如何运行?
2021/03/09 PHP
jQuery 动画弹出窗体支持多种展现方式
2010/04/29 Javascript
基于JQuery的浮动DIV显示提示信息并自动隐藏
2011/02/11 Javascript
JavaScript 里的类数组对象
2015/04/08 Javascript
js实现图片轮播效果
2015/12/19 Javascript
Ionic如何实现下拉刷新与上拉加载功能
2016/06/03 Javascript
JS控制页面跳转时未请求要跳转的地址怎么回事
2016/10/14 Javascript
JS两种类型的表单提交方法实例分析
2016/11/28 Javascript
es6学习笔记之Async函数基本教程
2017/05/11 Javascript
jQuery:unbind方法的使用详解
2017/08/14 jQuery
JavaScript你不知道的一些数组方法
2017/08/18 Javascript
浅谈angular.copy() 深拷贝
2017/09/14 Javascript
JS通过位运算实现权限加解密
2018/08/14 Javascript
微信小程序实现顶部下拉菜单栏
2018/11/04 Javascript
AngularJS上传文件的示例代码
2018/11/10 Javascript
你不可不知的Vue.js列表渲染详解
2019/10/01 Javascript
微信小程序 this.triggerEvent()的具体使用
2019/12/10 Javascript
[38:44]DOTA2上海特级锦标赛A组小组赛#2 Secret VS CDEC第二局
2016/02/25 DOTA
归纳整理Python中的控制流语句的知识点
2015/04/14 Python
Python实现的快速排序算法详解
2017/08/01 Python
TensorFlow实现模型评估
2018/09/07 Python
在python中实现对list求和及求积
2018/11/14 Python
Python流行ORM框架sqlalchemy安装与使用教程
2019/06/04 Python
匈牙利墨盒和碳粉购买网站:CDRmarket
2018/04/14 全球购物
英国最大的运动营养公司之一:LA Muscle
2018/07/02 全球购物
葡萄牙语专业个人求职信
2013/12/10 职场文书
个人批评与自我批评材料
2014/10/17 职场文书
2014年度个人工作总结范文
2015/03/09 职场文书
部门经理助理岗位职责
2015/04/13 职场文书
Redis监控工具RedisInsight安装与使用
2022/03/21 Redis
「回转企鹅罐」10周年纪念展「輪るピングドラム展」海报公开
2022/03/22 日漫
什么是SOLID
2022/03/24 Javascript