vue跳转页面传值 地址栏显示传值或者不显示地址栏传值

参考文章:https://blog.csdn.net/weixin_43836052/article/details/95166345
1.params 传参 : 相当于post请求,页面跳转时参数不会在地址栏中显示

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

接收参数:

this.$route.params.id

2.query 传参 : 相当于get请求,页面跳转时参数会在地址栏中显示

this.$router.push({
               name:' ',
               query: { id:idParams }
        })

接收参数:

this.$route.query.id

注意:

name为在router下index.js里定义的,如:
{
      path: '/',
      name: 'sidebar',
      component: sidebar
    },

传递参数用router,接收参数用route

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • SPA单页应用 传统的项目大多使用多页面结构,需要切换内容的时候我们往往会进行单个html文件的跳转,这个时候受网...
    视觉派Pie阅读 11,921评论 1 55
  • 本文转载于前端工匠。如有侵权联系本人立刻删除 一、首先带着问题 要学习vue-ro...
    qiaoguoxing阅读 474评论 0 1
  • 一、前言 要学习vue-router就要先知道这里的路由是什么?为什么我们不能像原来一样直接用 标签编写链接哪?...
    浪里行舟阅读 67,778评论 12 203
  • 那这次呢?我决定直接就先放一个小小demo上来 其实我们在引入vue-router插件那一刻,我们的网页就已经附带...
    看物看雾阅读 843评论 0 1
  • 路由基础知识 router和route的区别 route,是一个路由。 routes,是一组路由。 router,...
    lesdom阅读 1,660评论 5 13