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编写h5公众号跳转小程序的实现代码
Nov 27 Vue.js
ESLint 是如何检查 .vue 文件的
Nov 30 Vue.js
Vue实现指令式动态追加小球动画组件的步骤
Dec 18 Vue.js
Vue3 实现双盒子定位Overlay的示例
Dec 22 Vue.js
vue中配置scss全局变量的步骤
Dec 28 Vue.js
手写Vue源码之数据劫持示例详解
Jan 04 Vue.js
vue+elementui通用弹窗的实现(新增+编辑)
Jan 07 Vue.js
vue实现防抖的实例代码
Jan 11 Vue.js
vue实现可拖拽的dialog弹框
May 13 Vue.js
Vue鼠标滚轮滚动切换路由效果的实现方法
Aug 04 Vue.js
Axios代理配置及封装响应拦截处理方式
Apr 07 Vue.js
vue数据字典取键值项目的字典问题
Apr 12 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 4.2书写安全的脚本
2006/10/09 PHP
PHP变量内存分配问题记录整理
2013/11/27 PHP
Joomla开启SEF的方法
2016/05/04 PHP
yii2分页之实现跳转到具体某页的实例代码
2016/06/02 PHP
ie focus bug 解决方法
2009/09/03 Javascript
JSDoc 介绍使用规范JsDoc的使用介绍
2011/02/12 Javascript
js计算字符串长度包含的中文是utf8格式
2013/10/15 Javascript
Jquery中扩展方法extend使用技巧
2014/08/24 Javascript
简单的jQuery banner图片轮播实例代码
2016/03/04 Javascript
jQuery实现base64前台加密解密功能详解
2017/08/29 jQuery
8 个有用的JS技巧(推荐)
2019/07/03 Javascript
Vue配置marked链接添加target="_blank"的方法
2019/07/19 Javascript
5分钟快速看懂ES6中的反射与代理
2019/12/19 Javascript
vue+ts下对axios的封装实现
2020/02/18 Javascript
javascript设计模式 ? 备忘录模式原理与用法实例分析
2020/04/21 Javascript
如何搭建一个完整的Vue3.0+ts的项目步骤
2020/10/18 Javascript
[05:37]DOTA2-DPC中国联赛 正赛 Elephant vs iG 选手采访
2021/03/11 DOTA
Python使用scrapy采集时伪装成HTTP/1.1的方法
2015/04/08 Python
Python正则捕获操作示例
2017/08/19 Python
代码讲解Python对Windows服务进行监控
2018/02/11 Python
tensorflow学习教程之文本分类详析
2018/08/07 Python
python用pandas数据加载、存储与文件格式的实例
2018/12/07 Python
Python实现Event回调机制的方法
2019/02/13 Python
django 2.2和mysql使用的常见问题
2019/07/18 Python
Python加密模块的hashlib,hmac模块使用解析
2020/01/02 Python
在pytorch中实现只让指定变量向后传播梯度
2020/02/29 Python
如何在网站上添加谷歌定位信息
2016/04/16 HTML / CSS
Koral官方网站:女性时尚运动服
2019/04/10 全球购物
新闻记者个人求职的自我评价
2013/11/28 职场文书
人力资源作业细则
2014/03/03 职场文书
家具商场的活动方案
2014/08/16 职场文书
2014年项目工作总结
2014/11/24 职场文书
最美乡村教师观后感
2015/06/11 职场文书
python开发飞机大战游戏
2021/07/15 Python
Python中的pprint模块
2021/11/27 Python
CentOS安装Nginx并部署vue
2022/04/12 Servers