vue.js - 如何禁用其他页面上的默认布局

Question

我在 NUXT 上的布局默认页面有问题。我创建了一个新页面，但默认情况下，nuxt 使用 layout/default.vue。我不喜欢使用默认布局页面。

如果你有我的问题的解决方案。谢谢 :)

我试过 layout: 'none'

Answer 1

您有两个选择:

1- 您可以修改 布局/default.vue 使其适应您的喜好。

2- 您可以为您的页面创建自定义布局。

取决于你的意图。请记住，布局/default.vue 文件，它将用于所有未指定布局的页面。因此，如果您为网站中最常见的页面类型保留该布局会更好。

对于您计划添加到站点的其余页面，您可以使用自定义布局。您需要在项目的 layouts 文件夹中创建每一个。

在这里，您将找到带有示例的详细说明:
https://nuxtjs.org/guide/views#layouts

祝你的项目好运。不要放弃!