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

Question

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

如果你有我的问题的解决方案。谢谢 ：）

我试过了 layout: 'none'

Answer 1

您有两个选择：

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

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

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

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

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

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

Answer 2

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

<template>
  <nuxt />
</template>

在您的页面中指定它：

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