如何拥有两种不同的布局而不将其设置为默认布局或使用父子关系

问题描述 投票:0回答:1

我做这个项目是为了在 Nuxt 中取得进展,所以我愿意接受问题、提示和建议

我想要 :

  1. 设置每个文件夹的布局,以便我可以删除我的pages/navbar-*.vue,因为我不喜欢他们创建的无用路线
  1. 我的导航栏标题文件夹不会影响路径,接下来,我将在 () 之间设置文件夹,如此处
  2. 所解释的那样

这在 Nuxt 3 中可能吗?最佳实践是什么?

这是我的项目的拱门。我使用导航栏,但它可能用于其他布局,如 Auth

layouts/
    navbar-header.vue 
    navbar-side.vue 

pages/
    navbar-header.vue
    navbar-side.vue
    navbar-header/ 
        index.vue
        custom-themes.vue
    navbar-side/ 
        index.vue

感谢您花费的时间

layout nuxt.js nuxt3
1个回答
0
投票

如果你不希望 Nuxt 创建路由,你可以用下划线重命名你的页面

_

例如:

navbar-header.vue
_navbar-header.vue

layouts/
    navbar-header.vue 
    navbar-side.vue 

pages/
    _navbar-header.vue
    navbar-side.vue
    navbar-header/ 
        index.vue
        custom-themes.vue
    navbar-side/ 
        index.vue
© www.soinside.com 2019 - 2024. All rights reserved.