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传参都没有报错,且正常进行。