Nuxt.js - 如何在布局中使用布局

Question

我有我的默认布局，我想制作一个带有布局的页面，并且在布局内部有一个组件，该组件将更改 insdie 并将 url 更改为

我如何用nuxt做到这一点？

像这样的照片：

我的基本布局是红色的，我的页面布局是蓝色的，现在我在 Dashbord 上有一个链接，我想要当我点击链接时，里面的黑框只由其他组件和 url 更改更改，但我没有nuxt 再次调用蓝色布局

Answer 1

我有一个类似的问题，并通过使用<nuxt-child/>.

创建一个父页面，如pages/group-foo.vue：

<template>
  <div>
    <!-- ... -->
    <nuxt-child />
  </div>
</template>

然后，创建一个与父页面同名的目录：pages/group-foo/.

另外，请参阅这些官方文件：