반응형
Vue/Vuex:배열 프록시 개체에 개체에서 발군의 공을 세우다.
이처럼 언급된, 반응성 Vuex 개체 프록시 개체로 반환됩니다.대부분의 경우에 이것은 아마도 문제가 되지 않지만 프록시 또는 배열 개체에서 나오는지 어떻게 확인합니까?
그Proxy
그 array/object 위의 투명한 계층, 그렇게 너를 결정하기 위해 필요가 없을 것이다.Proxy
의 발신지.
마치 그 자체 변수 처리되어야 한다.Proxy
빛나는 거기에 있지 않았다.만약 그것이 어느 것Proxy
의Array
,로 변수를 다루다Array
, 이 클래스를 같은Object
. 예를 다음 코드를 무리 없이 실행합니다.
const arr = [1,2,3]
const arrProxy = new Proxy(arr, {}) // value is identical to `arr`
console.log(arrProxy.map(x => x * 10)) // => [ 10, 20, 30 ]
console.log('isArray', Array.isArray(arrProxy)) // => true
const obj = { foo: true, bar: false }
const objProxy = new Proxy(obj, {}) // value is identical to `obj`
console.log(Object.keys(objProxy)) // => [ 'foo', 'bar' ]
console.log('objArray type:', typeof objProxy) // => object
참조URL:https://stackoverflow.com/questions/70146884/vue-vuex-distinguish-arrays-from-objects-in-proxy-objects
반응형
'programing' 카테고리의 다른 글
vue.js 지연 v-if 전환 (0) | 2022.05.17 |
---|---|
VueJS - AJAX 호출에서 반환된 데이터 반복 (0) | 2022.05.17 |
Vuex의 한 모듈에서 다른 모듈 상태 변경 (0) | 2022.05.17 |
Vuex: 구성 요소에서 직접 작업 건너뛰기 및 돌연변이 커밋 (0) | 2022.05.17 |
다른 모듈 작업에서 vuex 모듈 상태 가져오기 (0) | 2022.05.17 |