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

Question

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

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

我希望一旦在这个页面上，这个相同的链接就会回到第一页。

我试过这个：

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

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

Answer 1

我找到了一个解决方案：我复制了带有关于路由路径的条件的路由器链接。

<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>

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