ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
### 6.路由的params参数 1. 配置路由,声明接收params参数 ~~~js { path:'/home', component:Home, children:[ { path:'news', component:News }, { component:Message, children:[ { name:'xiangqing', path:'detail/:id/:title', //使用占位符声明接收params参数 component:Detail } ] } ] } ~~~ 2. 传递参数 ~~~vue <!-- 跳转并携带params参数,to的字符串写法 --> <router-link :to="/home/message/detail/666/你好">跳转</router-link> <!-- 跳转并携带params参数,to的对象写法 --> <router-link :to="{ name:'xiangqing', params:{ id:666, title:'你好' } }" >跳转</router-link> ~~~ > 特别注意:路由携带params参数时,若使用to的对象写法,则不能使用path配置项,必须使用name配置! 3. 接收参数: ~~~js $route.params.id $route.params.title ~~~