VUE.JS 使用axios數據請求時數據綁定時 報錯 TypeError: Cannot set property of undefined 的解決辦法

VUE.JS 使用axios數據請求時數據綁定時 報錯 TypeError: Cannot set property 'xxxx' of undefined 的解決辦法

正常情況下在data裏面都有做了定義

在函數裏面進行賦值

這時候你運行時會發現，數據可以請求到，但是會報錯 TypeError: Cannot set property 'listgroup' of undefined 

主要原因是：

在 then的內部不能使用Vue的實例化的this, 因爲在內部 this 沒有被綁定。
可以看下 Stackoverflow 的解釋：

解決辦法：

1、用ES6箭頭函數，箭頭方法可以和父方法共享變量 

 

 2、在請求axios外面定義一下 var that=this 

 

問題解決