如何在其他页面上禁用默认布局

Question

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

如果您可以解决我的问题。谢谢：）

我尝试过layout: 'none'

Answer 1

您有两个选择：

1-您可以修改 布局/default.vue 以使其适应您的首选项。

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

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

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

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

在您的项目中祝您好运。不要放弃！

Answer 2

如果您真的不想要布局，请创建一个名为“ /layouts/empty.vue”的外观，如下所示：

<template>
  <nuxt />
</template>

在页面中指定以下内容：

<script>
export default {
  layout: "empty"
};
</script>

Answer 3

您可以修改默认布局以适合您的目的

或

您可以在Nuxt中进行任何自定义布局。

然后只需如下更改布局

布局：“ custom_layout”

您可以从here中看到示例。

Answer 4

没有什么要澄清的地方

1. 所有页面均将使用默认布局加载。vue
2. 如果您为页面指定了布局，则将使用指定的布局加载页面。
3. 如果指定的布局不可用，则页面将使用default.vue加载。
4. 如果nuxt在layouts文件夹中看不到名为default.vue的文件，则该页面将被加载为空白布局
5. 没有像layout: "empty"

// error.vue
<script>
export default {
  layout: "empty"
};
</script>

在上面的片段中，当您将布局指定为“空”时，并不意味着页面将被加载而没有任何布局。不！ 相反，nuxt将在布局文件夹中查找名为empty.vue的文件，如果该文件不可用，则页面将回退到default.vue的布局。