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

标签 vue.js nuxt.js

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

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

我试过 layout: 'none'

最佳答案

您有两个选择:

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

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

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

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

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

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

关于vue.js - 如何禁用其他页面上的默认布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58134718/

相关文章:

javascript - 在 v-navigation-drawer 关闭的情况下加载网站

vue.js - 在 vuetify 中打开对话框时将数据分配给字段

javascript - VueJS 组件未加载

less - 如何在 Nuxt.js 中为 LESS 启用内联 JavaScript?

vue.js - 与路由器链接相比,使用 nuxt-link 有什么优势?

vue.js - 下载 pdf vue

javascript - Vue.js - 如何在 v-for 子组件中获取最后一个子引用

NuxtJS 的 TypeScript 和 tsconfig.json 文件

routing - 具有任意数量嵌套级别的工兵路线