Vue 배열을 프록시 객체로 변환

Question

저는 Vue를 처음 사용합니다. 이 컴포넌트를 만들면서 여기서 어려움을 겪었습니다.

다음 코드를 사용하여 배열을 반환하는 API에 AJAX 요청을 보냅니다.

으아악

문제는, this.tickets被设置为一个Proxy对象，而不是我从API获取的Array.

내가 여기서 뭘 잘못하고 있는 걸까요?

Answer 1

반응형 정보를 원할 경우 toRaw를 사용하세요. https://vuejs.org/api/reactivity-advanced.html#toraw

으아악

또는 정보 주위에 ref 래퍼가 필요하지 않은 경우 unref를 사용하세요

https://vuejs.org/api/reactivity-utilities.html#unref

Answer 2

티켓과 같은 데이터 항목은 관찰 가능 항목으로 변환됩니다. 이는 응답성(UI 및 기타 기능의 자동 다시 렌더링)을 위한 것입니다. 이는 예상된 결과이며 반환된 개체는 배열처럼 작동해야 합니다.

특정 패턴으로 배열과 상호 작용해야 하며 그렇지 않으면 UI에서 업데이트되지 않으므로 반응성 문서를 확인하세요. https://v3.vuejs.org/guide/reactivity-fundamentals.html

응답성을 원하지 않는 경우(클라이언트 측에서 티켓을 업데이트하지 않고 표시만 하고 싶을 수도 있음) response.data에서 Object.freeze() 메서드를 사용할 수 있습니다.