Vue.js 如何退出<；nuxt child>；使用子路由时

所以我的应用程序中有三个页面。在我的文件夹结构中，我有如下内容：

/verify
---complete.vue
---business.vue
---personal.vue
verify.vue

因此基本上

verify.vue

有一个

组件，用于处理我的

业务.vue

和

个人.vue

。我想做的是

complete。vue

即使在

/verify/complete

的父路径内，也将具有不同的布局/页面模板

---

有没有办法做到这一点？谢谢。

我们的想法是通过

$route.fullPath

跟踪当前路线，如果是

/verify/complete

，则适当更改布局。让我们考虑一下这个标记：

验证.vue

：

完成
公事还是私事

如果更改某些块更复杂，则应定义不同的页面组件，并通过

适当加载它们：

验证.vue

：

---

这个想法是通过

$route.fullPath

跟踪当前路线，如果是

/verify/complete

，则适当更改布局。让我们考虑一下这个标记：

验证.vue

：

完成
公事还是私事

如果更改某些块更复杂，则应定义不同的页面组件，并通过

适当加载它们：

验证.vue

：

---

我在nuxt.config.js中修复了ExtendLotes的问题。这样做的目的是在不使用文件夹结构的情况下添加自定义路由。因此，当点击/verify/complete时，它将解析组件

router: {
  middleware: ['auth'],
  base: '/beta/',
  extendRoutes(routes, resolve) {
    routes.push({
      name: 'verify-complete',
      path: '/account/verify/complete',
      component: resolve(__dirname, 'pages/account/verify-complete.vue')
    })
  }
}

---

我在nuxt.config.js中修复了ExtendLotes的问题。这样做的目的是在不使用文件夹结构的情况下添加自定义路由。因此，当点击/verify/complete时，它将解析组件

router: {
  middleware: ['auth'],
  base: '/beta/',
  extendRoutes(routes, resolve) {
    routes.push({
      name: 'verify-complete',
      path: '/account/verify/complete',
      component: resolve(__dirname, 'pages/account/verify-complete.vue')
    })
  }
}

---

谢谢你的回复，但这不是我想要实现的。我已经发布了我的答案。谢谢你的回复，但这不是我想要实现的。我已经发布了我的答案。谢谢！它对我有用。我对嵌套路由也有同样的问题，它需要一个超出范围的不同布局。谢谢！它对我有用。我对嵌套路由也有同样的问题，它需要一个超出范围的不同布局。