时间戳

首页 > 解决方案 > Vue路由器回到以前的父路由

javascript - Vue路由器回到以前的父路由

问题描述

我的 vue 应用程序有设置页面，其中包含子路由，如设置/用户、设置/添加用户等。我想要做的是实现一个后退按钮，这样当用户按下它时，他们返回到他们访问的页面设置this.$router.go(-1)似乎让我回来了一页并不总是理想的

现在有

<v-btn class="my-2" small fab rounded color="primary" block :to="/home">
  <v-icon color="black">
    mdi-home-export-outline mdi-flip-h
  </v-icon>
</v-btn>

这是子路由渲染的settings.vue地方<router-view>

标签： javascriptvue.jsvuetify.jsvue-router

解决方案

我想知道Navigation Guards会不会做这个把戏？如果它们被路由回主页，您可以检查它们是否是管理员并从 Navigation Guard 内部将它们重定向到正确的主页。

这是我链接的网站的示例：

router.beforeEach( (to, next, from) => {
  if (to.path === '/profile') {
    if (!hasAccess(to.path)) { // just some arbitrary conditional
	    next(false) // deny access to this page
    } else {
	    next() // keep moving on to next hook
    }
  } else {
    next() // keep moving on to next hook
  }
})

推荐阅读