Nuxt.js路由参数传递和接收
【摘要】 路由页面目录：
pages detail/ _id.vue
123
注意这里路由name的值是: detail-id
参数传递
<nuxt-link :to="{name: 'detail-id', params:{id: id}, query: {key, value}}"></nuxt-link>
1
或者
this.$route...
路由页面目录：
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路由及传参
文章来源: pengshiyu.blog.csdn.net，作者：彭世瑜，版权归原作者所有，如需转载，请联系作者。
原文链接：pengshiyu.blog.csdn.net/article/details/106059985
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
作者其他文章
评论（0）