vue 父循环怎么拿子循环中的值_Vue如何循环提取对象数组中的值

本文介绍了在Vue中如何在父循环中获取子循环中的值,通过一个具体的例子展示了如何处理对象数组并提取所需属性,如name和callcount。使用JavaScript的forEach方法遍历数据,并构建新的数组,将数据分别赋值给不同的变量进行展示。最后,提供了源代码链接供读者参考学习。
摘要由CSDN通过智能技术生成

1.数据如下,提取name和callcount

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();

});

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持云海天教程。

原文链接:https://www.cnblogs.com/ting-0424/p/13926920.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值