인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

develop님의 프로필 이미지
develop

작성한 질문수

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

페이지 컴포넌트에 Props 전달

라우터로 props 객체 전달에 대해서

작성

·

2.5K

1

router.push로 민감한 정보인 유저 정보를 객체로 전달하고 싶은데 방법을 모르겠습니다. 민감한 정보이니 params나 query문으로 넣지 않고 url에 표시되지 않고 보내고 싶습니다 react의 location.state에 데이터를 넣어서 보내는 것처럼 하는 방법을 알고 싶습니다

답변 1

2

짐코딩님의 프로필 이미지
짐코딩
지식공유자

안녕하세요 :)

와우~! ㅎㅎ 민감한 정보!! 길게 설명 쭉~ 쓰다가 너무 길어져서 굵고 짧게 설명 드릴게요~!

History API 를 활용한 방법

// 데이터 전달
router.push({
	path: '/router-history-state',
	state: {
		name: 'gymcoding',
		age: 20,
		job: 'developer',
	},
});
// 데이터 받기 (RouterHistoryState.vue)
console.log('history.state: ', history.state)

참고 자료

develop님의 프로필 이미지
develop

작성한 질문수

질문하기