如果我在pages/posts/_id.vue
这段代码中,在Nuxt.js中:
<template>
<div>
Post id: {{$route.params.id }}
</div>
</template>
当我输入URL:时http://localhost:3000/posts/123
,它显示Post id:123。
因此,我学习了如何通过URL传递一个参数。
但我也想传递帖子所属的类别并显示如下消息:帖子ID:123。类别:新闻。
- 如何构造posts文件夹并获得所需的结果?
- 以及在这种情况下如何访问URL?像
http://localhost:3000/posts/123
/ News`一样?
请参阅文档中的动态嵌套路由。您的目录结构应如下所示:
该网址将为
http://localhost:3000/posts/news/123
。您可以使用访问类别参数
{{ $route.params.category }}
。