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如何实现验证码输入交互
Dec 07 Vue.js
vue.js watch经常失效的场景与解决方案
Jan 07 Vue.js
Vue实现一种简单的无限循环滚动动画的示例
Jan 10 Vue.js
如何在vue中使用HTML 5 拖放API
Jan 14 Vue.js
如何在 Vue 中使用 JSX
Feb 14 Vue.js
vue3.0封装轮播图组件的步骤
Mar 04 Vue.js
vue+element ui实现锚点定位
Jun 29 Vue.js
vue中使用mockjs配置和使用方式
Apr 06 Vue.js
vue整合百度地图显示指定地点信息
Apr 06 Vue.js
vue实现省市区联动 element-china-area-data插件
Apr 22 Vue.js
vue router 动态路由清除方式
May 25 Vue.js
VUE递归树形实现多级列表
Jul 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 取得瑞年与平年的天数的代码
2009/08/10 PHP
php图片添加水印例子
2016/07/20 PHP
关于document.cookie的使用javascript
2008/04/11 Javascript
jquery.validate使用攻略 第三部
2010/07/01 Javascript
jQuery获取css z-index在各种浏览器中的返回值
2010/09/15 Javascript
javascript 伪数组实现方法
2010/10/11 Javascript
javascript 学习笔记(八)javascript对象
2011/04/12 Javascript
jquery和javascript的区别(常用方法比较)
2013/07/04 Javascript
如何减少浏览器的reflow和repaint
2015/02/26 Javascript
将页面table内容与样式另存成excel文件的方法
2015/08/05 Javascript
jquery实现平滑的二级下拉菜单效果
2015/08/26 Javascript
node.js require() 源码解读
2015/12/13 Javascript
javascript面向对象程序设计高级特性经典教程(值得收藏)
2016/05/19 Javascript
jquery validation验证表单插件
2017/01/07 Javascript
总结几道关于Node.js的面试问题
2017/01/11 Javascript
BootStrap组件之进度条的基本用法
2017/01/19 Javascript
jQuery Ajax全解析
2017/02/13 Javascript
Vue.js实现输入框绑定的实例代码
2017/08/24 Javascript
详解React-Native全球化多语言切换工具库react-native-i18n
2017/11/03 Javascript
Vuex持久化插件(vuex-persistedstate)解决刷新数据消失的问题
2019/04/16 Javascript
Node.JS用纯JavaScript生成图片或滑块式验证码功能
2019/09/12 Javascript
[02:57]2014DOTA2国际邀请赛-观众采访
2014/07/19 DOTA
[15:07]lgd_OG_m2_BP
2019/09/10 DOTA
python中闭包Closure函数作为返回值的方法示例
2017/12/17 Python
Python简直是万能的,这5大主要用途你一定要知道!(推荐)
2019/04/03 Python
Python numpy多维数组实现原理详解
2020/03/10 Python
Python基于paramunittest模块实现excl参数化
2020/04/26 Python
解决python虚拟环境切换无效的问题
2020/04/30 Python
小天鹅官方商城:LittleSwan
2017/06/16 全球购物
如何保障Web服务器安全
2014/05/05 面试题
个人实用简单的自我评价
2013/10/19 职场文书
市场营销方案范文
2014/03/11 职场文书
青年安全生产示范岗事迹材料
2014/05/04 职场文书
青春飞扬演讲稿
2014/09/11 职场文书
单位授权委托书范本
2014/09/26 职场文书
高中诗歌鉴赏教学反思
2016/02/16 职场文书