Javascript VueJS路由器中的'path'和'fullPath'有什么区别?

Javascript VueJS路由器中的'path'和'fullPath'有什么区别?,javascript,vuejs2,vue-router,Javascript,Vuejs2,Vue Router,在我的router.js文件中,当我使用beforeach方法时,我在to和from参数的属性中获得path和fullPath。我想知道我应该用哪一个来重定向。我见过两个都被使用过,但我不知道何时使用,两者之间的区别是什么 例如: export default new Router({ mode: 'history', base: process.env.BASE_URL, routes: [{ path: 'login' beforeEn

在我的
router.js
文件中,当我使用
beforeach
方法时,我在
to
from
参数的属性中获得
path
fullPath
。我想知道我应该用哪一个来重定向。我见过两个都被使用过,但我不知道何时使用,两者之间的区别是什么

例如:

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()
            }
        },
    }]
})
从:

  • $route.fullPath
    • 类型:
      字符串

      完整解析的URL,包括查询和哈希
  • $route.path
    • 类型:
      字符串

      等于当前路由路径的字符串,始终解析为绝对路径。e、 g.“/foo/bar”

路径:等于当前路由路径的字符串, 始终解析为绝对路径。 示例:/user/11/posts、/user/37/posts

完整路径:完整的URL,包括查询和哈希

其他

params:包含以下项的键/值对的对象: 部分。 查询:包含 url值字符串。比如说, /福?user=1,我们有$route.query.user==1。 散列:当前路径的散列(不带#),如果存在。如果 不存在哈希,值将是字符串 空的。 匹配:包含所有路由记录的数组 当前管线的嵌套路径段。这个 路由记录是中对象的副本 路由配置。
名称:当前路由的名称(如果存在)。

$route.fullPath:包含查询和哈希的完整解析URL$路径:等于当前路径路径的字符串,始终解析为绝对路径。e、 g.“/foo/bar”。