반응형
VueJS 라우터의 'path'와 'fullPath'의 차이점은 무엇입니까?
인마이router.js
파일, 파일,beforeEach
방법, 이해했습니다.path
그리고.fullPath
의 성질에 있어서to
그리고.from
파라미터를 지정합니다.리다이렉트용으로 어떤 것을 사용하면 좋을지 고민하고 있습니다.둘 다 사용한 적이 있는데, 어떤 것을 언제 사용해야 하는지, 둘 다 어떻게 다른지 모르겠어요.
예:
export default new Router({
mode: 'history',
base: process.env.BASE_URL,
routes: [{
path: 'login'
beforeEnter: (to, from, next) => {
console.log(to, from) // the routes
if (User.loggedIn()) {
next(from.fullPath) // or maybe `from.path`
} else {
next()
}
},
}]
})
Vue API 참조:
- $route.fullPath
- 입력:
string
쿼리 및 해시를 포함하여 완전히 해결된 URL입니다.- $route.path
- 입력:
string
현재 루트의 경로와 동일한 문자열로, 항상 절대 경로로 해결됩니다(예: "/foo/bar").
path: 현재 루트의 경로와 동일한 문자열.항상 절대 경로로 해결됩니다.예: /user/11/posts, /user/37/posts
풀패스:쿼리 및 해시를 포함한 완전한 URL.
다른 사람들은...
params: 세그먼트의 키/값 쌍을 포함하는 개체입니다.query: URL 값 문자열의 키/값 쌍을 포함하는 개체입니다.예를 들어 / foo?사용자 = 1, $ 루트가 있습니다.query.user == 1. 해시:현재 경로(# 없음)의 해시(존재하는 경우).해시가 없는 경우 값은 비어 있는 문자열이 됩니다. 일치:현재 루트의 모든 네스트된 경로 세그먼트에 대한 루트레코드를 포함하는 배열루트 레코드는 루트 설정 내의 오브젝트 복사본입니다.name : 현재 루트의 이름(존재하는 경우).
언급URL : https://stackoverflow.com/questions/53278447/what-is-the-difference-between-path-and-fullpath-in-vuejs-router
반응형
'source' 카테고리의 다른 글
Vue | vue-modent.js에 관한 문제 (0) | 2022.08.29 |
---|---|
libc 없는 컴파일 (0) | 2022.08.29 |
CRUD가 vuejs vuex의 외부 구성 요소에서 개체를 추가함 (0) | 2022.08.29 |
Vue에서 하드코드된 favicon을 제거하는 방법은? (0) | 2022.08.29 |
VueJS | 메서드 "watch"의 컴포넌트 정의에 "object" 유형이 있습니다. (0) | 2022.08.29 |