vue路由组件传参有两种方式:vue
1.query{} //对象里面写要传递的参数测试
最终参数会被保存到URL上 ?prop1=xxx&prop2=xxxthis
2.params{} //对象里面写要传递的参数url
若是不在路由上面修改,传递的只是临时参数,能够经过this.$route.paeams能看到对应的参数,可是,当页面刷新时,再次访问对应的参数则为undefined,就是你们说的参数丢失。对象
要使params传递的参数刷新页面不丢失,须要把它保存到url上,即 在路由界面编辑路由时标记须要传递的参数,如 路由/:id路由
当传递多个参数时,目前我已知有两种写法: 路由/:id/:user 显示 路由/1/123route
l路由/:id&:user 显示 路由/1&123query
还有关于说query只能用path去引路由,params只能用name去引路由的说法,我本身测试了当用name引路由时,用query和params传参都没有报错,且正常进行。path