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 20 Vue.js
VUE+Element实现增删改查的示例源码
Nov 23 Vue.js
vue.js实现点击图标放大离开时缩小的代码
Jan 27 Vue.js
Vue 数据响应式相关总结
Jan 28 Vue.js
如何使用RoughViz可视化Vue.js中的草绘图表
Jan 30 Vue.js
vue 使用饿了么UI仿写teambition的筛选功能
Mar 01 Vue.js
vite2.0+vue3移动端项目实战详解
Mar 03 Vue.js
浅谈vue2的$refs在vue3组合式API中的替代方法
Apr 18 Vue.js
Vue CLI中模式与环境变量的深入详解
May 30 Vue.js
vue中 this.$set的使用详解
Nov 17 Vue.js
Vue.js中v-bind指令的用法介绍
Mar 13 Vue.js
关于vue-router-link选择样式设置
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
PHP的cURL库功能简介 抓取网页、POST数据及其他
2011/04/07 PHP
使用Linux五年积累的一些经验技巧
2013/06/20 PHP
php去除字符串换行符示例分享
2014/02/13 PHP
Smarty局部缓存的几种方法简介
2014/06/17 PHP
PHP中的Trait 特性及作用
2016/04/03 PHP
PHP面向对象程序设计组合模式与装饰模式详解
2016/12/02 PHP
yii2学习教程之5种内置行为类详解
2017/08/03 PHP
默认让页面的第一个控件选中的javascript代码
2009/12/26 Javascript
JQuery index()方法使用代码
2010/06/02 Javascript
在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗
2011/06/02 Javascript
关于ExtJS4.1:快捷键支持的问题
2013/04/24 Javascript
ExtJs中gridpanel分组后组名排序实例代码
2013/12/02 Javascript
jQuery中nextUntil()方法用法实例
2015/01/07 Javascript
Angularjs使用directive自定义指令实现attribute继承的方法详解
2016/08/05 Javascript
Angular页面间切换及传值的4种方法
2016/11/04 Javascript
jQuery层级选择器实例代码
2017/02/06 Javascript
javascript高级模块化require.js的具体使用方法
2017/10/31 Javascript
微信小程序实现手指触摸画板
2018/07/09 Javascript
layui树形菜单动态遍历的例子
2019/09/23 Javascript
Vue+element+cookie记住密码功能的简单实现方法
2020/09/20 Javascript
[01:33:30]DOTA2-DPC中国联赛 正赛 RNG vs Phoenix BO3 第二场 2月5日
2021/03/11 DOTA
python正则表达式修复网站文章字体不统一的解决方法
2013/02/21 Python
Python的subprocess模块总结
2014/11/07 Python
Python使用Flask框架同时上传多个文件的方法
2015/03/21 Python
python递归打印某个目录的内容(实例讲解)
2017/08/30 Python
1 行 Python 代码快速实现 FTP 服务器
2018/01/25 Python
python读取文件指定行内容实例讲解
2020/03/02 Python
Python中Selenium库使用教程详解
2020/07/23 Python
Lombok插件安装(IDEA)及配置jar包使用详解
2020/11/04 Python
Expedia韩国官网:亚洲发展最快的在线旅游门户网站
2018/02/26 全球购物
小学毕业家长寄语
2014/01/19 职场文书
医学专业毕业生求职信
2014/06/20 职场文书
励志广播稿300字(5篇)
2014/09/15 职场文书
会议室使用管理制度
2015/08/06 职场文书
Windows11里微软已经将驱动程序安装位置A盘删除
2021/11/21 数码科技
向Spring IOC 容器动态注册bean实现方式
2022/07/15 Java/Android