router.currentRoute는 router.currentRoute.value와 다른 경로를 표시합니다.

Question

구성 요소의 현재 경로를 얻으려고 하는데 router.currentRoute가 이상한 동작을 보이고 있습니다. router.currentRoute는 예상 경로/admin:RefImpl{__v_isShallow:true,dep:undefine,__v_isRef:true,_rawValue:{…},_value:{…}}dep:Set(1){ReactiveEffect}__v_isRef:true_를 표시합니다.

P粉317679342 · Answer

형식으로 보면 코드 효과를 관찰하기 위해 console.log(또는 유사한) API를 사용하는 것으로 보입니다.

거의 모든 최신 브라우저는 콘솔에 개체의 "지연" 보기를 표시합니다(개체를 기록할 때)

확인 이 예제 (대략 Vue Router에서 사용하는 데이터 구조를 따릅니다)

예제 열기
개방형 개발 도구 - 콘솔
버튼을 두 번 이상 클릭하세요
지금 녹음된 값을 알아보세요

결과: router.currentRoute 的每个日志显示完全相同的值（与 router.currentRoute.value의 로그가 반대입니다)

이제 동일하게 시도하되 클릭할 때마다 기록된 개체를 확장하세요...

TL:DR 콘솔을 믿지 마세요! - console.log가 실행될 때 표시되는 값이 반드시 개체의 값은 아닙니다.

이 문제를 해결하려면 대신 console.log(JSON.parse(JSON.stringify(obj)))를 사용하세요...