Vue路由器：根据当前url重定向

Posted 2023-03-16

【中文标题】Vue路由器：根据当前url重定向

【英文标题】：Vue router: redirect according to the current url

【发布时间】：2021-12-17 19:21:59

【问题描述】：

我在导航栏中有一个链接，该链接指向一个页面（一个新组件加载到主而不是导航栏）

<router-link to="/edit_profile"><fa icon="user-cog" /></router-link>

我希望一旦在此页面上，此相同的链接将返回到第一页。

我试过这个：

  beforeRouteEnter(route, redirect, next)
if(this.$route.path === "/")
  next()
 else 
  redirect('/')
 ,

但它不起作用。 有人有想法吗？

【参考方案1】：

我找到了一个解决方案：我复制了带有与路由路径相关的条件的 router-link。

<router-link v-if="$route.path == '/'" to="/edit_profile"><fa icon="user-cog" /></router-link>
<router-link v-if="$route.path != '/'" to="/"><fa icon="user-cog" /></router-link>

这当然不是最优雅的解决方案。如果有人有更好的...