vue router-link跳转传值示例

1、router-link

<router-link :to="{name:'deitail',params:{freezeMon:'2017-10',owerName:'西安'}}" tag="div" >
</router-link>

2、routes路由

export default new Router({
routes: [
 {
 path: '/',
 name: 'Index',
 component: Index
},
{
path: '/deitail',
 name: 'deitail',
 component: deitail
}
  ]
})

3、取值

<h1>{{$route.params.freezeMon}}</h1>

4、小结：router-link跳转传值要注意的地方
* to前面要加:
* to后面{中的name值要与路由中的name值一致
* 下面的这种方式是错误的

<router-link to="{path:'/deitail',params:{freezeMon:'2017-10',owerName:'西安'}}" tag="div" >
</router-link>