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

2022-08-12 19:16:27

路由页面目录：

pages
    detail/
        _id.vue

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

参数传递

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

或者

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

created () { 
    this.$route.query.key
    this.$route.params.id
},


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

参考