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自定义插件封装,实现简易的elementUi的Message和MessageBox的示例
Nov 20 Vue.js
vue-router定义元信息meta操作
Dec 07 Vue.js
在vue中动态修改css其中一个属性值操作
Dec 07 Vue.js
Vue——前端生成二维码的示例
Dec 19 Vue.js
Vue 简单实现前端权限控制的示例
Dec 25 Vue.js
Vue实现省市区三级联动
Dec 27 Vue.js
vue中watch的用法汇总
Dec 28 Vue.js
详解为什么Vue中的v-if和v-for不建议一起用
Jan 13 Vue.js
vue实现禁止浏览器记住密码功能的示例代码
Feb 03 Vue.js
vue项目两种方式实现竖向表格的思路分析
Apr 28 Vue.js
Vue3如何理解ref toRef和toRefs的区别
Feb 18 Vue.js
vue项目如何打包之项目打包优化(让打包的js文件变小)
Apr 30 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
非洲第一个咖啡超凡杯大赛承办国—卢旺达的咖啡怎么样
2021/03/03 咖啡文化
PHP 使用 Imagick 裁切/生成缩略图/添加水印自动检测和处理 GIF
2016/02/19 PHP
PHP Cli 模式设置进程名称的方法
2019/06/12 PHP
gearman中worker常驻后台,导致MySQL server has gone away的解决方法
2020/02/27 PHP
javascript的渐进增强与平稳退化浅谈
2013/11/12 Javascript
Eclipse下jQuery文件报错出现错误提示红叉
2014/01/13 Javascript
js判断文本框剩余可输入字数的方法
2015/02/04 Javascript
jQuery的基本概念与高级编程
2015/05/14 Javascript
javascript获取select值的方法分析
2015/07/02 Javascript
jQuery代码实现表格中点击相应行变色功能
2016/05/09 Javascript
JS操作JSON方法总结(推荐)
2016/06/14 Javascript
基于JavaScript实现单选框下拉菜单添加文件效果
2016/06/26 Javascript
JS/jquery实现一个网页内同时调用多个倒计时的方法
2017/04/27 jQuery
Angular 4依赖注入学习教程之InjectToken的使用(八)
2017/06/04 Javascript
nodejs基础之buffer缓冲区用法分析
2018/12/26 NodeJs
新手快速入门JavaScript装饰者模式与AOP
2019/06/24 Javascript
基于JavaScript实现贪吃蛇游戏
2020/03/16 Javascript
Python中内置的日志模块logging用法详解
2016/07/12 Python
Python wxPython库消息对话框MessageDialog用法示例
2018/09/03 Python
Python OpenCV读取png图像转成jpg图像存储的方法
2018/10/28 Python
python读取word文档,插入mysql数据库的示例代码
2018/11/07 Python
对python:print打印时加u的含义详解
2018/12/15 Python
Python字典常见操作实例小结【定义、添加、删除、遍历】
2019/10/25 Python
python中property和setter装饰器用法
2019/12/19 Python
CSS3 animation实现简易幻灯片轮播特效
2016/09/27 HTML / CSS
使用HTML5 Canvas API中的clip()方法裁剪区域图像
2016/03/25 HTML / CSS
html5响应式开发自动计算fontSize的方法
2020/01/13 HTML / CSS
Algenist奥杰尼官网:微藻抗衰老护肤品牌
2017/07/15 全球购物
小米俄罗斯授权商店:Xiaomi俄罗斯
2019/12/08 全球购物
请解释在new与override的区别
2012/10/29 面试题
仓库主管岗位职责
2014/03/02 职场文书
纠风工作实施方案
2014/03/15 职场文书
体育活动总结范文
2014/05/04 职场文书
党的群众路线教育实践活动领导班子整改措施
2014/09/30 职场文书
2014年信访工作总结
2014/11/17 职场文书
课外活动总结
2015/02/04 职场文书