900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > vue路由重定向根据条件跳转到不同的子路由

vue路由重定向根据条件跳转到不同的子路由

时间:2022-03-04 18:37:40

相关推荐

vue路由重定向根据条件跳转到不同的子路由

在项目中遇到一个需求,需要根据条件跳转到不同的页面,之前遇到的都是简单的路由跳转,直接写重定向的路径就可以了,所以一下子还真不知道该咋办。没办法就翻文档,还真在官网找到了解决办法,官网的地址是/zh/guide/essentials/redirect-and-alias.html#%E9%87%8D%E5%AE%9A%E5%90%91,介绍如下图:

这里提到重定向的目标可以是一个函数,而且有一个参数,这个参数有路由的相关信息(有兴趣的可以自己打印看看),可以做条件判断,也可以在这个函数里面进行其他的判断,最后你 return 的东西就是你重定向的目标。如下图:

这里我就是根据存储在 sessionStorage 里面的 isVip 判断登录的用户是否是vip用户,如果是,就跳转到基本信息的页面,如果不是 vip ,就跳转到申请vip的页面。

补充

vue 重定向一共有3种方式,第一种是直接通过路径去重定向,第二种是通过路由的 name 去重定向,第三种就是通过这个函数的返回值去重定向

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。