source

VueJS 라우터의 'path'와 'fullPath'의 차이점은 무엇입니까?

factcode 2022. 8. 29. 22:03
반응형

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

반응형