路由传参

一、两种传参方法

1、通过router-link来配置动态路由

2、通过js中的跳转实现

二、详细方法

1、第一种方法  router-link

第一步:在跳转模块用router-link包起来,如图所示,(注:因传过来的数据不固定,属于一个变量,所以需绑定属性,即在to前添加一个冒号,可传多个数据)

第二步:在router/index中要跳转去的路由的path 后面添加:xxx作为参数传过来

第三步:接收传过来的参数

2、第二种方法  通过js中的跳转实现

name方式实现

第一步:绑定事件

第二步:通过事件跳转,name的值与下一步中的一致

第三步:在router/index中要跳转去的路由中添加下图

第四步:接收参数数据

通过path方式实现

第一步:绑定事件

第二步:通过事件跳转

第三步:接收数据

你可能感兴趣的:(路由传参)