一篇文章解决vue路由带参数使用params或者query的问题

参数的获取写在开头

1、普通跳转（不带参数）

路由配置如下：

跳转方式如下：

两种方式都可以跳转

 

2、路由配置带参数：首先，先确定个概念：跳转路由用name的时候带参数用params，用path的时候用query（router文件用，path未定义参数），除非用完整路径path

路由配置如下：

（1）在router文件中path后面带参数

跳转方式如下

* 这里需要注意的事，当你钻牛角尖的时候，非要用query带参数的话，因为query跳转的时候使用path，因此跳转的时候需跟router文件上的path格式，否则将page not find。

但是query带的参数id与router定义的参数无关，两个都是独立的参数，仍然可以使用

来获取对应的参数。

两种方式都可以跳转

（2）router文件中path不带参数

路由配置如下

跳转方式如下

不同的是：当使用query时，页面的路由如下：