在很多的时候都登录成功都需要回跳,比如 在未登录的情况下将商品加入购物车,会提示先登录.那么登录成功这时就不单止是登录到首页,应该是将页面重新回跳到购物车页面.
登录我这边是放到pinia去管理的
以下是回跳的解决方案:
文章来源地址https://www.toymoban.com/news/detail-509556.html
actions: {
// 用户名和密码登录
async login(data: { account: string; password: string }) {
const res = await http<Profile>("POST", "/login", data);
console.log("/login", res.data.result);
this.profile = res.data.result
message({ type: "success", text: "登录成功" });
// router.push('/')
// 在vue3项目直接获取router实例即可,vue2当中是this.$router
// 可以通过currentRoute获取路由信息
// 使用 encodeURIComponent() 方法可以对 URI 进行编码
const { target } = router.currentRoute.value.query
if (target) {
// target有可能是string或LocationQueryValue ,target as string是指定类型
router.push(decodeURIComponent(target as string))
} else {
router.push('/')
}
},
},
文章来源：https://www.toymoban.com/news/detail-509556.html
到了这里，关于vue3项目中实现登录成功页面回跳的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![[项目实战] 使用Idea构建单页面Vue3项目（不使用node、npm）](https://imgs.yssmx.com/Uploads/2024/02/601069-1.png)
