首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >VueJS路由器中的`path`和`fullPath`有什么区别?

VueJS路由器中的`path`和`fullPath`有什么区别?
EN

Stack Overflow用户
提问于 2018-11-13 18:03:53
回答 2查看 12.1K关注 0票数 13

在我的router.js文件中,当我使用beforeEach方法时,我在tofrom参数的属性中得到了pathfullPath。我想知道我应该使用哪一个来重定向。我看到了这两个都被使用过,我不知道什么时候使用哪个,两者之间的区别是什么。

举个例子:

代码语言:javascript
运行
复制
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()
            }
        },
    }]
})
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-11-13 18:34:56

Vue API Reference

  • $route.fullPath

代码语言:javascript
运行
复制
- type: `string`

完整解析的网址,包括查询和哈希。

  • $route.path

代码语言:javascript
运行
复制
- type: `string`

等于当前路由的路径的字符串,始终解析为绝对路径。例如"/foo/bar“。

票数 12
EN

Stack Overflow用户

发布于 2018-11-13 18:38:53

path:与当前路由的路径相等的字符串,始终解析为绝对路径。示例:/user/11/post,/user/37/post

fullPath:完整的URL,包括查询和哈希。

其他的..。

params:包含段的键/值对的对象。查询:包含url值字符串的键/值对的对象。例如,对于/ foo?user = 1,我们有$ route.query.user == 1。hash:当前路径的散列(不带#),如果存在的话。如果不存在哈希,则value将为空字符串。matched:包含当前路由的所有嵌套路径段的路由记录的数组。路由记录是路由配置中对象的副本。name:当前路由的名称(如果存在)。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53278447

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档