Vue/Vue-Router在登录后跳转到原先页面(简单代码)
在项目开发中,我们在某个页面进行操作可能要先进行登录,那么如何在登录后跳转回我们登录前的页面呢?使用Vue-Router可以轻松完成这个需求。
·
需求
在项目开发中,我们在某个页面进行操作可能要先进行登录,那么如何在登录后跳转回我们登录前的页面呢?使用Vue-Router可以轻松完成这个需求。
实现方法
在原页面中,在跳转到登录前把原页面路径传给login:
//跳转到login路由,并把目标路由的url路径保存在login的query中
router.replace({
name:"login",
query: {
redirect: router.currentRoute.fullPath // router对象自带的属性
}
})
在登录页登录成功后,使用传过来的参数redirect
,即原页面路径:
// 取到原页面路径
let url = this.$route.query.redirect;
// 跳转回原页面
this.$router.push({
path: decodeURIComponent(url)
});
更多推荐
已为社区贡献1条内容
所有评论(0)