vue路由传值

方法一：   params 传值

1. 传递

 this.$router.push({name: 'list', params: {id: 111}})

2. 接受

{{this.$route.params.id}}

方法二 : query传值

this.$router.push({path: '/list', query: {id: 233}})

2. 接受

{{this.$route.query.id}}

方法三 :   router-link

1. 路由页面配置

{

path: '/test/:id',

name: 'test',

component: list

}

2. 第一个页面使用router-link

<router-link tag="span" :to ="{name:'test',params :{id:1}}" >test页面</router-link>

tag属性可以把router-link渲染成对应的标签

3. 链接页面接收值

<div>test页面{{this.$route.query.id}}</div>