vue-router如何传递参数

1.使用name传递

在index.js中将路由的name都写好

接收参数：

在我们需要接收它的页面里添加

<p>我是router-name:{{$route.name}}</p>

2. to来传递

利用router-link 中的to来传参

<router-link v-bind:to="{name:'xxx',params:{key:value}}"></router-link>

a.首先：to需要绑定；

b.传参使用类似与对象的形式；

c.name就是我们在配置路由时候取的名字；

d.参数也是采用对象的形式。

 

3.采用url传参

 

在路由文件里采用冒号的形式传参，这就是对参数的绑定

a、修改index.js里的path，这里我们修改myjob.vue组件

原文链接：https://blog.csdn.net/lilyheart1/article/details/80280416