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 $router和$route的区别详解
Dec 02 Vue.js
详解Vue3 Teleport 的实践及原理
Dec 02 Vue.js
vue祖孙组件之间的数据传递案例
Dec 07 Vue.js
vue中配置scss全局变量的步骤
Dec 28 Vue.js
vue.js watch经常失效的场景与解决方案
Jan 07 Vue.js
vuex的使用和简易实现
Jan 07 Vue.js
详解为什么Vue中的v-if和v-for不建议一起用
Jan 13 Vue.js
vue实现验证用户名是否可用
Jan 20 Vue.js
如何在vue 中使用柱状图 并自修改配置
Jan 21 Vue.js
Vue鼠标滚轮滚动切换路由效果的实现方法
Aug 04 Vue.js
Vue3中的Refs和Ref详情
Nov 11 Vue.js
如何用vue实现网页截图你知道吗
Nov 17 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
网站防止被刷票的一些思路与方法
2015/01/08 PHP
windows8.1下Apache+Php+MySQL配置步骤
2015/10/30 PHP
PHP在线调试执行的实现方法(附demo源码)
2016/04/28 PHP
Yii中的relations数据关联查询及统计功能用法详解
2016/07/14 PHP
JavaScript将一个数组插入到另一个数组的方法
2015/03/19 Javascript
基于JavaScript实现文字超出部分隐藏
2016/02/29 Javascript
jquery实现页面常用的返回顶部效果
2016/03/04 Javascript
JS中append字符串包含onclick无效传递参数失败的解决方案
2016/12/26 Javascript
基于JavaScript实现带缩略图的轮播效果
2017/01/12 Javascript
详解JS异步加载的三种方式
2017/03/07 Javascript
微信小程序开发注意指南和优化实践(小结)
2019/06/21 Javascript
详解elementui之el-image-viewer(图片查看器)
2019/08/30 Javascript
axios 实现post请求时把对象obj数据转为formdata
2019/10/31 Javascript
解决Echarts2竖直datazoom滑动后显示数据不全的问题
2020/07/20 Javascript
js实现弹幕飞机效果
2020/08/27 Javascript
Python实现的微信公众号群发图片与文本消息功能实例详解
2017/06/30 Python
Python3 使用cookiejar管理cookie的方法
2018/12/28 Python
python实现俄罗斯方块小游戏
2020/04/24 Python
使用Tensorflow-GPU禁用GPU设置(CPU与GPU速度对比)
2020/06/30 Python
通过实例简单了解python yield使用方法
2020/08/06 Python
印度最大的旅游网站:MakeMyTrip
2016/10/05 全球购物
美丽的珠宝配饰:SmallThings
2019/09/04 全球购物
古驰英国官网:GUCCI英国
2020/03/07 全球购物
eBay荷兰购物网站:eBay.nl
2020/06/26 全球购物
为什么UNION ALL比UNION快
2016/03/17 面试题
单位提档介绍信
2014/01/17 职场文书
会计与审计专业自荐信范文
2014/03/15 职场文书
购房意向书范本
2014/04/01 职场文书
《老山界》教学反思
2014/04/08 职场文书
公司总经理岗位职责
2015/04/01 职场文书
刑事撤诉申请书
2015/05/18 职场文书
先进基层党组织事迹材料2016
2016/02/29 职场文书
开发一个封装iframe的vue组件
2021/03/29 Vue.js
Java输出Hello World完美过程解析
2021/06/13 Java/Android
解决Python保存文件名太长OSError: [Errno 36] File name too long
2022/05/11 Python
Python绘制散点图之可视化神器pyecharts
2022/07/07 Python