如果我在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。类别:新闻。
http://localhost:3000/posts/123
/ News`一样?请参阅文档中的动态嵌套路由。您的目录结构应如下所示:
posts/
--| _category/
-----| _id.vue
该网址为http://localhost:3000/posts/news/123
。
您可以使用访问类别参数{{ $route.params.category }}
。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句