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 相关文章推荐
Vue3配置axios跨域实现过程解析
Nov 25 Vue.js
Vue组件生命周期运行原理解析
Nov 25 Vue.js
vue 在单页面应用里使用二级套嵌路由
Dec 19 Vue.js
Vue使用鼠标在Canvas上绘制矩形
Dec 24 Vue.js
vue-video-player 断点续播的实现
Feb 01 Vue.js
Vue实现下拉加载更多
May 09 Vue.js
Vue Element UI自定义描述列表组件
May 18 Vue.js
Vue中插槽slot的使用方法与应用场景详析
Jun 08 Vue.js
三种方式清除vue路由跳转router-link的历史记录
Apr 10 Vue.js
vue 给数组添加新对象并赋值
Apr 20 Vue.js
vue/cli 配置动态代理无需重启服务的方法
May 20 Vue.js
vue ant design 封装弹窗表单的使用
Jun 01 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程序之die调试法 快速解决错误
2009/09/17 PHP
PHP Session 变量的使用方法详解与实例代码
2013/09/11 PHP
PHP中phar包的使用教程
2017/06/14 PHP
PHP+Ajax实现上传文件进度条动态显示进度功能
2018/06/04 PHP
PHP网页缓存技术优点及代码实例
2020/07/29 PHP
php远程请求CURL实例教程(爬虫、保存登录状态)
2020/12/10 PHP
上传图片预览JS脚本 Input file图片预览的实现示例
2014/10/23 Javascript
图解JavaScript中的this关键字
2020/05/28 Javascript
jQuery formValidator表单验证
2016/01/07 Javascript
JS 拼凑字符串的简单实例
2016/09/02 Javascript
纯js实现手风琴效果代码
2020/04/17 Javascript
canvas实现绘制吃豆鱼效果
2017/01/12 Javascript
前端主流框架vue学习笔记第一篇
2017/07/26 Javascript
一个基于react的图片裁剪组件示例
2018/04/18 Javascript
浅析js中mvvm模式实现的原理
2018/10/06 Javascript
Vue 中使用富文本编译器wangEditor3的方法
2019/09/26 Javascript
云服务器部署Node.js项目的方法步骤(小白系列)
2020/03/23 Javascript
Perl中著名的Schwartzian转换问题解决实现
2015/06/02 Python
利用python模拟sql语句对员工表格进行增删改查
2017/07/05 Python
Python实现发送与接收邮件的方法详解
2018/03/28 Python
PHP实现发送和接收JSON请求
2018/06/07 Python
python3实现随机数
2018/06/25 Python
python使用tkinter库实现五子棋游戏
2019/06/18 Python
Python3 ID3决策树判断申请贷款是否成功的实现代码
2020/05/21 Python
详解CSS3选择器的使用方法汇总
2015/11/24 HTML / CSS
Crabtree & Evelyn英国官网:瑰珀翠护手霜、香水、沐浴和身体护理
2018/04/26 全球购物
伦敦眼门票在线预订:London Eye
2018/05/31 全球购物
华为python面试题
2016/05/03 面试题
新闻学毕业生自荐信
2013/11/15 职场文书
经贸日语专业个人求职信
2013/12/13 职场文书
项目合作计划书
2014/01/09 职场文书
工作失职检讨书范文
2014/01/16 职场文书
家具促销活动方案
2014/02/16 职场文书
暑期培训班策划方案
2014/08/26 职场文书
小学三年级数学教学反思
2016/02/16 职场文书
协议书格式模板
2016/03/24 职场文书