天天看點

Nuxt.js路由參數傳遞和接收

路由頁面目錄:

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
 }      

參考

nuxt路由及傳參

繼續閱讀