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>