Vue路由传参的问题

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

相关文章
相关标签/搜索