Vue 路由 parms参数

一、传递参数

1、路由(占位符)

src/router/index.js

children:[{   name:'detail',// params参数 需要占位符path:'detail/:id/:title',component: DetailData},
]

2、传递(对象)

注意：parms传参，必须使用路由重命名使用name，不能使用path

<router-link :to="{name:'detail',parms:{// key value id:m.id,title:m.title}
}">{{ m.title }}
</router-link>

二、接受参数 $route.parms是个对象

<li>消息id:{{ $route.params.id }}</li>