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 watch监控对象的简单方法示例
Jan 07 Vue.js
vue-video-player 断点续播的实现
Feb 01 Vue.js
Vue实现圆环进度条的示例
Feb 06 Vue.js
vue3.0封装轮播图组件的步骤
Mar 04 Vue.js
Vue和Flask通信的实现
May 19 Vue.js
简单聊聊Vue中的计算属性和属性侦听
Oct 05 Vue.js
详细聊聊vue中组件的props属性
Nov 02 Vue.js
vue实现滑动解锁功能
Mar 03 Vue.js
vue-cli3.0修改打包后的文件名和文件地址,打包后本地运行报错解决
Apr 06 Vue.js
vue3种table表格选项个数的控制方法
Apr 14 Vue.js
vue3 自定义图片放大器效果的示例代码
Jul 23 Vue.js
vue el-table实现递归嵌套的示例代码
Aug 14 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
phpmyadmin3 安装配置图解教程
2012/03/29 PHP
thinkphp5框架实现数据库读取的数据转换成json格式示例
2019/10/10 PHP
laravel在中间件内生成参数并且传递到控制器中的2种姿势
2019/10/15 PHP
JavaScript去除空格的几种方法
2006/10/03 Javascript
js静态方法与实例方法分析
2011/07/04 Javascript
jquery遍历之parent()和parents()的区别及parentsUntil()方法详解
2013/12/02 Javascript
JavaScript中实现单体模式分享
2015/01/29 Javascript
JavaScript中两个字符串的匹配
2016/06/08 Javascript
Jquery获取当前城市的天气信息
2016/08/05 Javascript
微信小程序 页面传参实例详解
2016/11/16 Javascript
Vue.js展示AJAX数据简单示例讲解
2017/03/29 Javascript
详解Vuejs2.0 如何利用proxyTable实现跨域请求
2017/08/03 Javascript
[原创]jquery判断元素内容是否为空的方法
2018/05/04 jQuery
详解promise.then,process.nextTick, setTimeout 以及 setImmediate的执行顺序
2018/11/21 Javascript
jQuery each和js forEach用法比较
2019/02/27 jQuery
微信小程序如何播放腾讯视频的实现
2019/09/20 Javascript
JavaScript写个贪吃蛇小游戏(超详细)
2020/03/17 Javascript
echarts饼图各个板块之间的空隙如何实现
2020/12/01 Javascript
解决python中遇到字典里key值为None的情况,取不出来的问题
2018/10/17 Python
python 顺时针打印矩阵的超简洁代码
2018/11/14 Python
python修改txt文件中的某一项方法
2018/12/29 Python
Python3.5实现的罗马数字转换成整数功能示例
2019/02/25 Python
CentOS7安装Python3的教程详解
2019/04/10 Python
Flask框架中request、请求钩子、上下文用法分析
2019/07/23 Python
浅谈对pytroch中torch.autograd.backward的思考
2019/12/27 Python
PyTorch中的C++扩展实现
2020/04/02 Python
Python搭建Keras CNN模型破解网站验证码的实现
2020/04/07 Python
纽约服装和生活方式品牌:Saturdays NYC
2017/08/13 全球购物
Quiksilver美国官网:始于1969年的优质冲浪服和滑雪板外套
2020/04/20 全球购物
软件测试企业面试试卷
2016/07/13 面试题
《大作家的小老师》教学反思
2014/04/16 职场文书
2014年医务科工作总结
2014/12/18 职场文书
护理实习生带教计划
2015/01/16 职场文书
搞笑的婚礼主持词
2015/06/29 职场文书
2016年“六一儿童节”校园广播稿
2015/12/17 职场文书
浅谈pytorch中stack和cat的及to_tensor的坑
2021/05/20 Python