vue路由传多个参数_vue-router 路由怎么传递一个或多个参数？

在前端开发过程中，经常会遇到 在页面跳转的时候 ，需要把一个或多个参数传到 目标页面，那么如何实现带一个参数或多参跳转呢？

vue-router中传递参数主要分两大类：

编程式的导航  router.push

声明式的导航

本文主要演示一下编程式导航 router.push  传递参数的实现。

编程式导航又分两种方式：

第一种是 命名路由，第二种是查询参数

命名路由params：

1、先演示使用 params 只传递一个参数的写法

只传递一个参数，直接在path中添加 /:id  (取名根据实际需要)来对应 $router.push 中path携带的参数

//点击跳转的方法

goPwdList(index, row) {

this.$router.push({

//直接调用$router.push 实现携带参数的跳转

path: `/index/passwordlist/${row.houseNo}`

});

//路由 路由跳转路径需要配置参数

{

path: 'passwordlist/:houseno',

component: PasswordList

},

//在目标页面获取父组件通过路由传递过来的参数