今天開發時，使用axios返回的response中data有多個數據：

如果是獲取cn裡的資料的，可以用：

response.data.cn

但是需求是根據選擇來獲取資料的，會發生變化，最開始的想法是，用一個變數來記錄需要獲取的key:

假設need是需要獲取的某個key

const dkey = this.need;

response.data.dkey

這樣發現獲取不到資料，這是因為vue.js把dkey當成data裡的某一個key了，類似於上面的"cn"。

折騰了很久才突然想起，這個data其實類似一個數組，我們可以像使用陣列一樣使用它，後面發現的確是可行的

const dkey = this.need;

response.data[dkey]

如果有說得不對或者有更好的方法，希望大家指教。

補充知識：Vue遍歷data中某個欄位，並累加、算總數，總計(this.list.forEach方法實戰)

直接上程式碼，遍歷data中prodAllPrice，並累加、算總數，總計(this.list.forEach方法實戰)：

//定義          
let sum = 0;
this.list.forEach((item) => {
  //遍歷prodAllPrice這個欄位，並累加
  sum += item.prodAllPrice;
 });
//返回
this.sum = sum;

以上這篇Vue.js使用axios動態獲取response裡的data資料操作就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援我們。