在Nuxt中为默认和错误布局创建文件夹

Question

我的nuxt应用程序中有不同的错误和默认布局样式。 因此，我想为它们创建单独的css文件。为了保持我的代码干净，我想将它们作为不同的组件分开。是否可以在我的nuxt应用程序中为这些布局设置不同的文件夹？

Answer 1

我在布局文件夹中创建了一个名为 error 的文件夹，以使其像一个组件。 但它没有用。对我来说，另一个选择是在组件文件夹中创建一个错误组件并将其导入错误布局。这对我来说是最好的解决方案。希望它对其他人有用。

Answer 2

您可以根据文档创建不同的布局： https://nuxtjs.org/guide/views#layouts.

我还在 GitHub 上发现了一个描述更改的问题，您还可以在布局目录中创建子文件夹。

可能的页面结构：

layouts
|-- default
|-- layout.vue
|-- error
|-- layout.vue

在page组件中，您可以像这样使用这些布局：

export default {
layout: 'error/layout'
}

对于错误页面，您可以使用特殊布局：https://nuxtjs.org/guide/views/#error-page

让我知道你是否有别的意思。