Vue如何循環(huán)提取對象數(shù)組中的值
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(); });
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網(wǎng)。
相關文章:
1. 什么是python的自省2. Springboot Druid 自定義加密數(shù)據(jù)庫密碼的幾種方案3. Spring Boot和Thymeleaf整合結合JPA實現(xiàn)分頁效果(實例代碼)4. 解決Android studio xml界面無法預覽問題5. 詳解Android studio 動態(tài)fragment的用法6. Vuex localStorage的具體使用7. IntelliJ IDEA安裝插件的方法步驟8. php模擬實現(xiàn)斗地主發(fā)牌9. Vue封裝一個TodoList的案例與瀏覽器本地緩存的應用實現(xiàn)10. 使用Android studio查看Kotlin的字節(jié)碼教程

網(wǎng)公網(wǎng)安備