vue路由跳转,获取路由中的参数

473 阅读1分钟

跳转页面

this.$router.push({ path: '/login' })

返回上一层

this.$router.go(-1)

刷新页面

this.$router.go(0);

跳转打开新页面

let routeData = this.$router.resolve({ name: 'login', params: {uuid: '123'}});
window.open(routeData.href, '_blank');

获取路由中的参数

完整url可以用 window.location.href

路由路径可以用 this.$route.path

路由name可以用 this.$route.name

路由路径参数 this.route.params 例如:/user/:id/user/2044011030this.route.params 例如:/user/:id → /user/2044011030 → this.route.params.id

路由查询参数 this.route.query 例如:/user/search?name=sfthis.route.query 例如:/user/search?name=sf → this.route.query.name