vue-router路由传参

vue-router路由传参分为两种形式：params和query。

1、params传参

（1）传递参数，用$router，代码如下：

const routerParams = { name: 'iResultManage', params: {page: '1', code: '8989'} }; this.$router.push(routerParams);

(2)接收参数，用$route，代码如下：

const params = this.$route.params

2、query传参

（1）传递参数，用$router，代码如下：

const routerParams = { name: 'iResultManage', query: {page: '1', code: '8989'} }; this.$router.push(routerParams);

（2）接收参数，用$route，代码如下：

const params = this.$route.query

注：用params传参，F5强制刷新参数会被清空，用query，由于参数适用路径传参的所以F5强制刷新也不会被清空。