vue2.0的三种路由传参方式

我乃小神神

发布于 2019-03-20 15:15:37

3.2K00

代码可运行

文章被收录于专栏：前端基础前端基础

运行总次数：0

代码可运行

vue路由跳转不外乎就三种，其实还有一种就是js 的跳转方式

https://router.vuejs.org/ vue-router官网文档，相信有些同学不喜欢看官网，觉得说的云里雾里的

第一种，这个用的比较少，因为需要在路由配置

对应的路由配置如下

     this.$route.params.sessionId     第一种取参数的方式

第二种就用的比较多了

       this.$router.push({
          name: 'index',
          params: {
            id: id
          }
        })

     this.$route.params.id    第二种取参数的方式和第一种一样

params中是携带参数的,就相当于post一样，不会暴露出你传递的参数，name就是你路由配置中的对应路由的name (名字）

第三种路由传递参数方式了

  this.$router.push({
          path: '/describe',
          query: {
            id: id
          }
        })

这种就相当于get 传递参数，会把你的参数暴露出来

     this.$route.query.id   第三种取参数的方式

有没有想了解基于vue的即时通讯的啊，我会后面分享的哦，谢谢

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2018年12月05日，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度