router.push(location, onComplete?, onAbort?)
// literal string path
router.push('home')
// object
router.push({ path: 'home' })
// named route
router.push({ name: 'user', params: { userId: '123' } })
// with query, resulting in /register?plan=private
router.push({ path: 'register', query: { plan: 'private' } })
const userId = '123'
router.push({ name: 'user', params: { userId } }) // -> /user/123
router.push({ path: `/user/${userId}` }) // -> /user/123
// This will NOT work
router.push({ path: '/user', params: { userId } }) // -> /user
반응형
'UXUI Development > Vue.js' 카테고리의 다른 글
[Vue] Axios Interceptors (엑시오스 인터셉터) (0) | 2022.01.03 |
---|---|
[vuex] Vuex (Store) (0) | 2022.01.03 |
[Vue] dependencies / devDependencies 차이 (0) | 2022.01.03 |
[Vue] 컴포넌트 간 데이터전달 방법 3가지 - eventBus, Store(vuex) (0) | 2022.01.03 |
[Vue] vue 환경변수 - Vue CLI의 .env 파일 규칙과 실무 환경 구성 방법 (0) | 2021.12.28 |
[Vue] vue 환경변수 - .env 파일과 환경변수 설정방법 (0) | 2021.12.28 |
[Vue] API 설정 공통화_ axios.create() (0) | 2021.12.28 |
[Vue] API폴더 구조화 (axios) (0) | 2021.12.23 |