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 相关文章推荐
vuex页面刷新导致数据丢失的解决方案
Dec 10 Vue.js
vue使用exif获取图片经纬度的示例代码
Dec 11 Vue.js
vue中实现点击空白区域关闭弹窗的两种方法
Dec 30 Vue.js
如何在vue-cli中使用css-loader实现css module
Jan 07 Vue.js
如何管理Vue中的缓存页面
Feb 06 Vue.js
vue 数据双向绑定的实现方法
Mar 04 Vue.js
原生JS封装vue Tab切换效果
Apr 28 Vue.js
vue2实现provide inject传递响应式
May 21 Vue.js
一定要知道的 25 个 Vue 技巧
Nov 02 Vue.js
vue项目中的支付功能实现(微信支付和支付宝支付)
Feb 18 Vue.js
VUE中的v-if与v-show区别介绍
Mar 13 Vue.js
vue3引入highlight.js进行代码高亮的方法实例
Apr 08 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网页游戏学习之Xnova(ogame)源码解读(五)
2014/06/23 PHP
PHP处理Ajax请求与Ajax跨域问题
2017/02/13 PHP
由php中字符offset特征造成的绕过漏洞详解
2017/07/07 PHP
PHP删除字符串中非字母数字字符方法总结
2019/01/20 PHP
php常用日期时间函数实例小结
2019/07/04 PHP
php桥接模式应用案例分析
2019/10/23 PHP
PHP设计模式之 策略模式Strategy详解【对象行为型】
2020/05/01 PHP
javascript (用setTimeout而非setInterval)
2011/12/28 Javascript
同一页面多个商品倒计时JS 基于面向对象的javascript
2012/02/16 Javascript
详解AngularJS中自定义指令的使用
2015/06/17 Javascript
全面解析node 表单的图片上传
2016/11/21 Javascript
详解vue.js组件化开发实践
2016/12/14 Javascript
微信小程序 122100版本更新问题解决方案
2016/12/22 Javascript
JS实现加载时锁定HTML页面元素的方法
2017/06/24 Javascript
web前端vue之vuex单独一文件使用方式实例详解
2018/01/11 Javascript
微信小程序通过保存图片分享到朋友圈功能
2018/05/24 Javascript
vue+springboot实现项目的CORS跨域请求
2018/09/05 Javascript
JS实现排行榜文字向上滚动轮播效果
2019/11/26 Javascript
[07:31]DOTA2卡尔工作室 英雄介绍主宰篇
2013/06/25 DOTA
用python分割TXT文件成4K的TXT文件
2009/05/23 Python
使用Python编写Linux系统守护进程实例
2015/02/03 Python
python字典的常用操作方法小结
2016/05/16 Python
Java与Python两大幸存者谁更胜一筹呢
2018/04/12 Python
Python生成一个迭代器的实操方法
2019/06/18 Python
Ubuntu+python将nii图像保存成png格式
2019/07/18 Python
Django模型修改及数据迁移实现解析
2019/08/01 Python
解决Keras 自定义层时遇到版本的问题
2020/06/16 Python
REISS英国官网:伦敦High Street最受欢迎品牌
2016/12/21 全球购物
日本乐天德国站:Rakuten.de
2019/05/16 全球购物
英语专业毕业个人求职自荐信
2013/09/21 职场文书
告诉你怎样写创业计划书
2014/01/27 职场文书
家长学校工作方案
2014/05/07 职场文书
大学新生军训自我鉴定
2014/09/18 职场文书
2019军训心得体会
2019/06/27 职场文书
浅谈react useEffect闭包的坑
2021/06/08 Javascript
Vue+TypeScript中处理computed方式
2022/04/02 Vue.js