nuxt3下路由跳转参数传递,组件下:NuxtLink 和 nuxt-link一样
<!-- named route -->
<nuxt-link :to="{ name: 'user', params: { userId: 456 }}">User</nuxt-link>
created() {
console.log(this.$route.params)
console.log(this.$route.params.userId)
console.log(this.$nuxt._route.params)
console.log(this.$nuxt._route.params.userId)
}
<!-- with query, resulting in `/register?plan=private` -->
<nuxt-link :to="{ path: 'register', query: { plan: 'eat' }}">Register</nuxt-link>
created() {
console.log(this.$route.query)
console.log(this.$route.query.plan)
console.log(this.$nuxt._route.query)
console.log(this.$nuxt._route.query.plan)
}
