Vue如何循環(huán)提取對(duì)象數(shù)組中的值
更新時(shí)間：2020年11月18日 10:31:30 投稿：yaominghui
這篇文章主要介紹了Vue如何循環(huán)提取對(duì)象數(shù)組中的值,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
1.數(shù)據(jù)如下，提取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();
});
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
Vue3.x項(xiàng)目開發(fā)的一些常用知識(shí)點(diǎn)總結(jié)
目前Vue3.0是會(huì)兼容大部分2.x的語(yǔ)法,下面這篇文章主要給大家介紹了關(guān)于Vue3.x項(xiàng)目開發(fā)的一些常用知識(shí)點(diǎn),文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-05-05
利用vue-router實(shí)現(xiàn)二級(jí)菜單內(nèi)容轉(zhuǎn)換
這篇文章主要介紹了如何利用vue-router實(shí)現(xiàn)二級(jí)菜單內(nèi)容轉(zhuǎn)換,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
客戶端（vue框架）與服務(wù)器（koa框架）通信及服務(wù)器跨域配置詳解
本篇文章主要介紹了客戶端（vue框架）與服務(wù)器（koa框架）通信及服務(wù)器跨域配置詳解，具有一定的參考價(jià)值，有興趣的可以了解一下2017-08-08
在Vue中實(shí)現(xiàn)深度監(jiān)聽(tīng)的示例代碼
在 Vue 中,深度監(jiān)聽(tīng)是指監(jiān)聽(tīng)一個(gè)對(duì)象或數(shù)組的嵌套屬性（深層結(jié)構(gòu)）的變化,而不僅僅是監(jiān)聽(tīng)頂層屬性的引用變化,本文給大家介紹了如何在Vue中實(shí)現(xiàn)深度監(jiān)聽(tīng),并通過(guò)代碼示例介紹的非常詳細(xì),需要的朋友可以參考下2025-03-03
這篇文章主要給大家介紹了如何換個(gè)角度使用VUE過(guò)濾器的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用VUE具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
混入(mixin)提供了一種非常靈活的方式，來(lái)分發(fā)vue組件中的可復(fù)用功能。一個(gè)混入對(duì)象可以包含任意組件選項(xiàng)。當(dāng)組件使用混入對(duì)象時(shí)，所有混入對(duì)象的選項(xiàng)將被“混合”進(jìn)入該組件本身的選項(xiàng)2022-09-09
Vue實(shí)現(xiàn)動(dòng)態(tài)路由的示例詳解
這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)動(dòng)態(tài)路由的相關(guān)知識(shí),主要涉及到兩個(gè)方面：一是路由的動(dòng)態(tài)添加,二是基于路由的參數(shù)變化來(lái)動(dòng)態(tài)渲染組件,下面就跟隨小編一起深入學(xué)習(xí)一下動(dòng)態(tài)路由的實(shí)現(xiàn)吧2024-02-02
今天小編就為大家分享一篇vue form 表單提交后刷新頁(yè)面的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
這篇文章主要為大家詳細(xì)介紹了vant實(shí)現(xiàn)購(gòu)物車功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-06-06
vue實(shí)現(xiàn)多個(gè)echarts根據(jù)屏幕大小變化而變化實(shí)例
這篇文章主要介紹了vue實(shí)現(xiàn)多個(gè)echarts根據(jù)屏幕大小變化而變化實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-07-07