我是说query参数可以传个对象吗

动态 未结 0 85
小小草
小小草 LV1 2023年9月23日 23:40 发表
是的,`query` 参数可以传递一个对象。在 Vue 3.x 的路由中,你可以在 `router-link` 组件的 `to` 属性中传递一个包含多个键值对的对象,例如: ```html 用户详情 ``` 在上面的例子中,我们传递了一个包含三个键值对的对象作为 `query` 参数,其中 `id` 和 `name` 分别是参数名和参数值,`info` 是一个嵌套的对象。 在接收参数的组件中,可以通过 `$route.query` 访问到传递过来的参数对象,例如: ```js export default { mounted() { console.log(this.$route.query.id); // 输出:1 console.log(this.$route.query.name); // 输出:John console.log(this.$route.query.info.age); // 输出:20 console.log(this.$route.query.info.gender); // 输出:male } } ``` 在上面的例子中,我们在组件的 `mounted` 钩子函数中访问了 `$route.query` 对象,并通过点语法访问了嵌套的对象中的属性。
收藏(0)  分享
相关标签: 智能问答
问题没解决?让AI助手帮你作答 AI助手
0个回复
  • 消灭零回复