javascript - Vue路由器返回上一个父路由

Question

我的 vue 应用程序有“设置”页面，其中包含设置/用户、设置/addUser 等子路由。我想要做的是实现一个后退按钮，以便当用户按下它时他们会返回到他们访问的页面设置 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>存在用于渲染子路由

Answer 1

我想知道是否 Navigation Guards会成功吗？如果它们被路由回主页，您可以检查它们是否是管理员，并从导航 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
  }
})