首页 > 其他分享 >前端_vue

前端_vue

时间:2022-09-18 19:45:23浏览次数:73  
标签:取参 vue 前端 params chat query id 路由

路由怎么传参,有哪几种方式?

第一种 : 需要在路由配置

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

相关文章