Vue路由传参的问题
vue路由组件传参有两种方式:
1.query{} //对象里面写要传递的参数
最终参数会被保存到URL上 ?prop1=xxx&prop2=xxx
2.params{} //对象里面写要传递的参数
如果不在路由上面修改,传递的只是临时参数,可以通过this.$route.paeams能看到对应的参数,但是,当页面刷新时,再次访问对应的参数则为undefined,就是大家说的参数丢失。
要使params传递的参数刷新页面不丢失,需要把它保存到url上,即 在路由界面编辑路由时标记需要传递的参数,如 路由/:id
当传递多个参数时,目前我已知有两种写法: 路由/:id/:user 显示 路由/1/123
l路由/:id&:user 显示 路由/1&123
还有关于说query只能用path去引路由,params只能用name去引路由的说法,我自己测试了当用name引路由时,用query和params传参都没有报错,且正常进行。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步