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 Teleport 的实践及原理
Dec 02 Vue.js
vue中如何添加百度统计代码
Dec 19 Vue.js
vue3+typeScript穿梭框的实现示例
Dec 29 Vue.js
vue实现防抖的实例代码
Jan 11 Vue.js
深入了解Vue动态组件和异步组件
Jan 26 Vue.js
详解Vue.js 可拖放文本框组件的使用
Mar 03 Vue.js
vue3.0中使用element的完整步骤
Mar 04 Vue.js
vue实现可拖拽的dialog弹框
May 13 Vue.js
vue实现滑动解锁功能
Mar 03 Vue.js
vue ref如何获取子组件属性值
Mar 31 Vue.js
解决vue自定义组件@click点击失效问题
Apr 30 Vue.js
vue3不同环境下实现配置代理
May 25 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下获取客户端ip地址的函数
2010/03/15 PHP
php切割页面div内容的实现代码分享
2012/07/31 PHP
php处理文件的小例子(解压缩,删除目录)
2013/02/03 PHP
thinkphp的URL路由规则与配置实例
2014/11/26 PHP
使用xampp搭建运行php虚拟主机的详细步骤
2015/10/21 PHP
PHP正则表达式过滤html标签属性(DEMO)
2016/05/04 PHP
thinkphp框架实现删除和批量删除
2016/06/29 PHP
php实现贪吃蛇小游戏
2016/07/26 PHP
Laravel日志用法详解
2016/10/09 PHP
Mootools 1.2教程 选项卡效果(Tabs)
2009/09/15 Javascript
Extjs在exlipse中设置自动提示的方法
2010/04/07 Javascript
javascript 全选与全取消功能的实现代码
2012/12/23 Javascript
js css 实现遮罩层覆盖其他页面元素附图
2014/09/22 Javascript
jquery 设置style:display的方法
2015/01/29 Javascript
JS特效实现图片自动播放并可控的效果
2015/07/31 Javascript
JS实现iframe自适应高度的方法(兼容IE与FireFox)
2016/06/24 Javascript
Angular.js跨controller实现参数传递的两种方法
2017/02/20 Javascript
prototype.js简单实现ajax功能示例
2017/10/18 Javascript
jQuery简单实现对数组去重及排序操作实例
2017/10/31 jQuery
layer.confirm取消按钮绑定事件的方法
2018/08/17 Javascript
jQuery常见的遍历DOM操作详解
2018/09/05 jQuery
Vue中对拿到的数据进行A-Z排序的实例
2018/09/25 Javascript
[02:14]完美“圣”典2016风云人物:xiao8专访
2016/12/01 DOTA
python爬虫入门教程--优雅的HTTP库requests(二)
2017/05/25 Python
Python Numpy库datetime类型的处理详解
2019/07/13 Python
美国高级工作服品牌:Carhartt
2018/01/25 全球购物
Bugatchi官方网站:男士服装在线
2019/04/10 全球购物
Pretty You London官网:英国拖鞋和睡衣品牌
2019/05/08 全球购物
十八大感想感言
2014/02/10 职场文书
《燕子专列》教学反思
2014/02/21 职场文书
企业文化建设实施方案
2014/03/22 职场文书
教师新年寄语
2014/04/03 职场文书
2014物价局民主生活会对照检查材料思想汇报
2014/09/24 职场文书
2015年检验科工作总结
2015/04/27 职场文书
2015年党员公开承诺事项
2015/04/27 职场文书
2016年暑假家长对孩子评语
2015/12/01 职场文书