반응형
vue.js 2에서 개체 관찰자를 루핑하려면 어떻게 해야 하는가?
만약 내가console.log(this.list)
, 이와 같은 결과:
this.list.forEach(function (user) {
selected.push(user.id);
});
오류 있음:
Uncaused TypeError: this.list.forExecute는 함수가 아님
어떻게 하면 이 오류를 해결할 수 있을까?
이다this.list
배열 말고?
만약this.list
배열과 같다(필요한 것은length
그 물체에 대한 속성), 다음을 수행할 수 있어야 한다.
Array.prototype.forEach.call(this.list, user => {
// ...
})
또는
Array.from(this.list).forEach(user => {
// ...
})
또는
[...this.list].forEach(user => {
// ...
})
그렇지 않으면this.list
그저 평범한 물건일 뿐, 다음과 같은 일을 할 수 있다.
Object.keys(this.list).forEach(key => {
const user = this.list[key]
// ...
})
또는
Object.entries(this.list).forEach(([key, user]) => {
// ...
})
Vue에서 관찰자 배열을 반복하는 방법은 다음과 같다.
let keys = Object.keys(myObserverArray);
keys.forEach(key => {
let item = myObserverArray[key];
//...work with item
})
참조URL: https://stackoverflow.com/questions/47388040/how-can-i-loop-object-observer-on-vue-js-2
반응형
'programing' 카테고리의 다른 글
대용량 데이터에 대한 Vue 2 메모리 사용 처리 방법(약 50,000개의 개체) (0) | 2022.03.26 |
---|---|
react Native에서 setNativePropes에 대한 useRef 후크를 사용하는 방법? (0) | 2022.03.26 |
Vuetify에서 v-img에서 폴백을 어떻게 하는가? (0) | 2022.03.26 |
소품에서 구성 요소 초기화 상태 반응 (0) | 2022.03.26 |
Python의 원시_input 함수 (0) | 2022.03.26 |