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”。