Nuxt.js路由参数传递和接收
路由页面目录:pagesdetail/_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
·
路由页面目录:
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路由及传参
更多推荐
已为社区贡献51条内容
所有评论(0)