我測試下來目前懷疑是javascript 異步執(zhí)行的原因 。懷疑就是axios 還沒執(zhí)行完,賦值就已經發(fā)生了。
我先自己測試嘗試解決。
1.我用VUE的 easytable 想加個 footer 的數(shù)據(jù)匯總,不知道怎樣可以獲取到table 數(shù)據(jù)。
easytable 說明:
http://doc.huangsw.com/vue-ea...
2.代碼:
tableData: 是VUE,data中定義的一個空數(shù)組。
.
下面這個函數(shù)是定義在VUE,Methods,用來求和計算的:
setFooterData () {
axios.get('/asset/hosts').then(res => { this.tableData = res.data })
console.log('========\n', this.tableData)
let Cost111 = this.tableData.map(item => {
return item.CostByMonth
})
...(后面的省去)}
3.問題:
我沒有想明白的問題是:為什么axios.get() 之后那一句 console.log 打印出來的 this.tableData 是空的數(shù)組。
導致我后面Cost111 獲取不到數(shù)據(jù)。
axios.get函數(shù)里面的 this.tableData 數(shù)據(jù)實際是獲取到的。只是setFooterData() 這個函數(shù)里面我不知道如何獲取保存這個axios得到的響應數(shù)據(jù)tableData。
4.不知道講問題明白了沒,小弟愚笨,非程序員出身,都是自學搗鼓的,也沒有人可以交流,路走的很苦,希望有人指點一二。
解決了,的確是因為js異步執(zhí)行的原因,原來的寫法,axios.get的響應返回前,后面的程序已經被執(zhí)行了。
改成下面的可以實現(xiàn)功能。 目前沒想明白的是為社么這個 this.setFoorerData()需要在this.request()后面再寫一遍,否則不出現(xiàn)footer.
created () {
axios.get('/asset/hosts').then(res => { this.tableData = res.data; this.setFooterData() })
this.request()
this.setFooterData()
//
}北大青鳥APTECH成立于1999年。依托北京大學優(yōu)質雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達內教育集團成立于2002年,是一家由留學海歸創(chuàng)辦的高端職業(yè)教育培訓機構,是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學校辦產業(yè)為響應國家深化產教融合/校企合作的政策,積極推進“中國制造2025”,實現(xiàn)中華民族偉大復興的升級產業(yè)鏈。利用北京大學優(yōu)質教育資源及背
博為峰,中國職業(yè)人才培訓領域的先行者
曾工作于聯(lián)想擔任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔任項目經理從事移動互聯(lián)網管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責任公司從事總經理職務負責iOS教學及管理工作。
浪潮集團項目經理。精通Java與.NET 技術, 熟練的跨平臺面向對象開發(fā)經驗,技術功底深厚。 授課風格 授課風格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網頁制作和網頁游戲開發(fā)。
具有10 年的Java 企業(yè)應用開發(fā)經驗。曾經歷任德國Software AG 技術顧問,美國Dachieve 系統(tǒng)架構師,美國AngelEngineers Inc. 系統(tǒng)架構師。