路由怎么传参,有哪几种方式?
第一种 : 需要在路由配置
this.$router.push({ //传参 path : `/chat/${session.id}`, })
路由配置
{
path : '/chat/:sessionId',
name : 'chat',
component : chat,
}
取参 : this.$route.params.sessionId
第二种 :
this.$router.push({ ame: 'index', params: { id: id } }) 取参 this.$route.params.id 第二种取参数的方式和第一种一样
- params中是携带参数的,就相当于post一样,不会暴露出你传递的参数,name就是你路由配置中的对应路由的name (名字)
第三种 :
this.$router.push({ path: '/describe', query: { id: id } })
取参 this.$route.query.id 第三种取参数的方式 query就想get一样会暴露在url地址
总结 : 第一种比较少用 , 二三比较常用 query 传参地址栏看得见 , params地址栏看不见
标签:取参,vue,前端,params,chat,query,id,路由 From: https://www.cnblogs.com/Aquakinn/p/16705545.html