Nuxt.js路由参数传递和接收

路由页面目录:

1
2
3
pages
    detail/
        _id.vue

注意这里路由name的值是: detail-id

参数传递

1
<nuxt-link :to="{name: 'detail-id', params:{id: id}, query: {key, value}}"></nuxt-link>

或者

1
this.$router.push({ name: 'detail-id', params:{id: 10}, query: {key, value}})

接收参数

1
2
3
4
5
6
7
8
9
10
created () {
    this.$route.query.key
    this.$route.params.id
},


asyncData ({ app, query, params}) {
   query.key
   params.id
 }

参考
nuxt路由及传参