如何设置Nuxt动态路由类别页面和内容页面



我使用NUXT来构建我的项目。

这是我现在的文件结构:

pages/
--| work/
-----| index.vue
-----| _projectName.vue

我想这样做:

A: /work = all work list    
B: /work/_categoryName(like is "/work/web-design" = category "web desing" work list)
C: /work/_categoryName?type=A(like is "/work/web-design?type=A" = category "web desing" and type A work list)
D: /work/_projectName(like is "/work/XXXproject") = project content

A、 A、B、C使用相同的页面。D使用不同的页面和不同的布局。

我该怎么办?


更新:

如果我想做以上的方式是不可能的,或者尝试另一种方式:

A: /work = all work list    
B: /work/_categoryName
C: /work/_categoryName?type=A
D: /work/content/_projectName

A、 B、C使用同一页我该怎么办?布局?组件?Mixin?

我认为这种结构可以实现

pages/
--| work/
-----| index.vue
-----| _projectName.vue
-----| web-design.vue   --> and use route parameter to accessing type

在_projectName.vue中,设置布局,如以下示例

_项目名称.vue

<script>
export default {
layout: 'the-layout'

相关内容

  • 没有找到相关文章

最新更新