Vue.js 는 axios 를 사용 하여 response 의 data 데 이 터 를 동적 으로 가 져 옵 니 다.

오늘 개발 할 때 axios 를 사용 하여 되 돌아 오 는 response 에 data 는 여러 개의 데이터 가 있 습 니 다.

cn 의 데 이 터 를 가 져 오 는 경우:
response.data.cn
그러나 수 요 는 선택 에 따라 데 이 터 를 얻 는 것 이 고 변화 가 생 길 수 있 습 니 다.처음에 생각 한 것 은 가 져 올 키 를 하나의 변수 로 기록 하 는 것 입 니 다.
need 가 가 져 와 야 할 키 라 고 가정 합 니 다.
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 데 이 터 를 동적 으로 가 져 오 는 작업 이 바로 작은 편집 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.참고 하 시기 바 랍 니 다.여러분 들 도 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.