如何在Nuxt中传递多个参数?

用户名

如果我在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`一样?
MichałPerłakowski

请参阅文档中的动态嵌套路由您的目录结构应如下所示:

posts/
--| _category/
-----| _id.vue

该网址为http://localhost:3000/posts/news/123

您可以使用访问类别参数{{ $route.params.category }}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在URL中传递多个参数?

如何在Objective-C中传递多个参数?

如何在Url.Action()中传递多个参数

如何在Django中传递多个URL参数

如何在MVC中的JavaScript中的url.action中传递多个参数?

使用vuejs时如何在url中传递多个参数

如何在Nuxt中验证路由参数?

如何在javascript函数中传递多个参数

如何在UILongPressGestureRecognizer iOS Swift 4中传递多个参数?

如何在subprocess.check_call()中传递多个参数?

空手道框架中如何在后期请求中传递多个参数?

如何在通过Props传递的函数中传递多个参数

如何在URL中传递多个参数?

如何在lambda函数中传递和检索多个参数?

如何在Django中传递多个可选的URL参数?

如何在jdbcTemplate中为具有相同值的多个参数标记传递参数?

如何在flutter fluro中传递多个参数

如何在WCF Restful Service中传递多个参数?

如何在Java脚本的超链接中传递多个参数?

如何在@ Url.action中传递多个参数

如何在SSRS中传递多个整数参数值

如何在控制器中传递多个参数?

如何在`get`请求中通过curl传递多个参数?

Nuxt Js:如何在 bootstrap-vue 标签 b-nav-item 中传递动态参数

如何在本地护照会话中传递多个参数?

如何在rails中传递和获取多个参数?

如何在节点 js URL 中传递多个搜索参数

如何在jquery onclick中传递多个参数

如何在 Nuxt 3 服务器/api 中传递参数?