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

时间:2018-09-16 18:43:33

标签: javascript vue.js nuxt.js

在Nuxt.js中,如果我在pages/posts/_id.vue中包含以下代码:

<template>                                                                                                                                                              
  <div>                                                                                                                                                                 
    Post id: {{$route.params.id }}                                                                                                                                    
  </div>                                                                                                                                                                
</template> 

当我输入URL:http://localhost:3000/posts/123时,它会显示帖子ID:123

因此,我学习了如何通过URL传递一个参数。
但我也想传递帖子所属的类别,并显示如下消息:帖子ID:123。类别:新闻

  • 如何构造posts文件夹并获得所需的结果?
  • 在这种情况下如何访问URL?像http://localhost:3000/posts/123 /新闻`一样?

1 个答案:

答案 0 :(得分:2)

请参阅文档中的Dynamic Nested Routes。您的目录结构应如下所示:

for {
    println("f1 is working...")

    select {
    case <-quit:
        println("stopping f1")
        return
    case <-time.After(1 * time.Second):
        // repeats loop
    }
}

URL将为posts/ --| _category/ -----| _id.vue

您可以使用http://localhost:3000/posts/news/123访问category参数。