Vue.js 는 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;이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
LaravelAPI + Nuxt로 MultiAuth 구현현재 SIer5년째로 javascript(Jquery만), PHP(프레임워크 없음)를 2년 정도, C#(Windows 앱) 3년 정도 왔습니다. 여러가지 인연이 있어, 개인으로 최근 웹 서비스의 시작을 하게 되었습니...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
