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

原文地址:https://www.cnblogs.com/Ashton-ldb/p/11835734.html