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使用vant中的checkbox实现全选功能
Nov 17 Vue.js
Vue项目利用axios请求接口下载excel
Nov 17 Vue.js
vue 通过base64实现图片下载功能
Dec 19 Vue.js
vue+vant 上传图片需要注意的地方
Jan 03 Vue.js
Vue 数据响应式相关总结
Jan 28 Vue.js
Vue中使用wangeditor富文本编辑的问题
Feb 07 Vue.js
浅谈vue2的$refs在vue3组合式API中的替代方法
Apr 18 Vue.js
vue项目支付功能代码详解
Feb 18 Vue.js
vue动态绑定style样式
Apr 20 Vue.js
vue二维数组循环嵌套方式 循环数组、循环嵌套数组
Apr 24 Vue.js
Vue2项目中对百度地图的封装使用详解
Jun 16 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
PhpStorm的使用教程(本地运行PHP+远程开发+快捷键)
2020/03/26 PHP
破除一些网站复制、右键限制
2006/11/04 Javascript
你所要知道JS(DHTML)中的一些技巧
2007/01/09 Javascript
JavaScript中的Array对象使用说明
2011/01/17 Javascript
jQuery使用数组编写图片无缝向左滚动
2012/12/11 Javascript
JSONP跨域的原理解析及其实现介绍
2014/03/22 Javascript
一个html5播放视频的video控件只支持android的默认格式mp4和3gp
2014/05/08 Javascript
JavaScript中定义函数的三种方法
2015/03/12 Javascript
JavaScript计算某一天是星期几的方法
2015/08/05 Javascript
jquery实现九宫格大转盘抽奖
2015/11/13 Javascript
深入解析JavaScript框架Backbone.js中的事件机制
2016/02/14 Javascript
使用Promise链式调用解决多个异步回调的问题
2017/01/15 Javascript
BootStrap点击保存后实现模态框自动关闭的思路(模态框)
2017/09/26 Javascript
JavaScript简单实现合并两个Json对象的方法示例
2017/10/16 Javascript
vue实现城市列表选择功能
2018/07/16 Javascript
JS事件绑定的常用方式实例总结
2019/03/02 Javascript
js实现for循环跳过undefined值示例
2019/07/02 Javascript
详解Python中如何写控制台进度条的整理
2018/03/07 Python
分享Pycharm中一些不为人知的技巧
2018/04/03 Python
Python3.5 处理文本txt,删除不需要的行方法
2018/12/10 Python
安装好Pycharm后如何配置Python解释器简易教程
2019/06/28 Python
Python3将jpg转为pdf文件的方法示例
2019/12/13 Python
python获取天气接口给指定微信好友发天气预报
2020/12/28 Python
如何用python 操作zookeeper
2020/12/28 Python
移动Web—CSS为Retina屏幕替换更高质量的图片
2012/12/24 HTML / CSS
Html5中的桌面通知Notification的实现
2018/09/25 HTML / CSS
Europcar德国:全球汽车租赁领域的领导者
2018/08/15 全球购物
爱普生美国官网:Epson美国
2018/11/05 全球购物
.NET笔试题(20个问题)
2016/02/02 面试题
初一家长会邀请函
2014/01/31 职场文书
库房保管员岗位职责
2014/04/07 职场文书
离婚协议书范文2015
2015/01/26 职场文书
公证处委托书
2015/01/28 职场文书
2015年大学班长个人工作总结
2015/04/24 职场文书
网聊搭讪开场白
2015/05/28 职场文书
html解决浏览器记住密码输入框的问题
2023/05/07 HTML / CSS