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单元格多列合并的实现
Nov 26 Vue.js
Vue.js桌面端自定义滚动条组件之美化滚动条VScroll
Dec 01 Vue.js
Vue实现手机号、验证码登录(60s禁用倒计时)
Dec 19 Vue.js
vue中使用echarts的示例
Jan 03 Vue.js
Vue页面渲染中key的应用实例教程
Jan 12 Vue.js
深入了解Vue动态组件和异步组件
Jan 26 Vue.js
手动实现vue2.0的双向数据绑定原理详解
Feb 06 Vue.js
Vue单页面应用中实现Markdown渲染
Feb 14 Vue.js
vue响应式原理与双向数据的深入解析
Jun 04 Vue.js
vue cli4中mockjs在dev环境和build环境的配置详情
Apr 06 Vue.js
vue+elementUI实现表格列的显示与隐藏
Apr 13 Vue.js
使用vuex-persistedstate本地存储vuex
Apr 29 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
再说下636单管机
2021/03/02 无线电
discuz安全提问算法
2007/06/06 PHP
PHP 获取客户端真实IP地址多种方法小结
2010/05/15 PHP
ThinkPHP之import方法实例详解
2014/06/20 PHP
ThinkPHP中I(),U(),$this->post()等函数用法
2014/11/22 PHP
php检查页面是否被百度收录
2015/10/28 PHP
PHP二维数组矩形转置实例
2016/07/20 PHP
PHP数据的提交与过滤基本操作实例详解
2016/11/11 PHP
PHP实现统计代码行数小工具
2019/09/19 PHP
Javascript 类与静态类的实现(续)
2010/04/02 Javascript
js时间日期和毫秒的相互转换
2013/02/22 Javascript
Nodejs中自定义事件实例
2014/06/20 NodeJs
jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法
2015/03/25 Javascript
HTML5实现留言和回复页面样式
2015/07/22 Javascript
Node.js中防止错误导致的进程阻塞的方法
2016/08/11 Javascript
vue.js的安装方法
2017/05/12 Javascript
用JS编写一个函数,返回数组中重复出现过的元素(实例)
2017/09/14 Javascript
vue 内置过滤器的使用总结(附加自定义过滤器)
2018/12/11 Javascript
在 Vue 应用中使用 Netlify 表单功能的方法详解
2019/06/03 Javascript
浅谈layer的Icon样式以及一些常用的layer窗口使用方法
2019/09/11 Javascript
js 数据类型判断的方法
2020/12/03 Javascript
RC4文件加密的python实现方法
2015/06/30 Python
python-docx修改已存在的Word文档的表格的字体格式方法
2018/05/08 Python
快速解决pyqt5窗体关闭后子线程不同时退出的问题
2019/06/19 Python
利用pytorch实现对CIFAR-10数据集的分类
2020/01/14 Python
基于python 凸包问题的解决
2020/04/16 Python
python 通过文件夹导入包的操作
2020/06/01 Python
Python私有属性私有方法应用实例解析
2020/09/15 Python
python开发一款翻译工具
2020/10/10 Python
Python虚拟环境virtualenv创建及使用过程图解
2020/12/08 Python
在python中对于bool布尔值的取反操作
2020/12/11 Python
美国家居装饰购物网站:Amanda Lindroth
2020/03/25 全球购物
PHP如何与mysql建立链接
2013/05/05 面试题
优秀团员事迹材料
2014/12/25 职场文书
新教师教学工作总结
2015/08/12 职场文书
Go语言基础知识点介绍
2021/07/04 Golang