vue-router传参方式

vue-router跳转页面有两种传参方式,

路由配置如下图:

 

 第一种是:使用router的name属性也就是params来传递参数,即

 

 获取该参数的方法是:

 

 第二种是:使用query来传递参数,即

 

 获取该参数的方法是:

 

 第一种方法在url显示为:

而第二种方法的url显示为:

 

 这两种方法还有一个最大的区别就是:query传参,刷新页面,参数不会丢失,但是params传参,刷新页面后,参数会丢失。

刷新页面后的截图:

 

 

 

 

 

 

posted @ 2020-06-18 10:51  翠瓜瓜  阅读(497)  评论(0编辑  收藏  举报