• vue中this.$router.push()路由传值和获取的两种常见方法


    1.路由传值   this.$router.push()

          (1) 路由跳转使用router.push()方法,这个方法会向history栈添加一个新纪录,所以,当用户点击浏览器后退按钮时,会回到之前的页面。

             a. 路由跳转: 

    this.$router.push('/home');

          b. 命名的路由,传参使用params:   

    this.$router.push({name:"home", params:{userId: '123'}})
    

            获取参数

    this.$router.params.userId
    

      c. 带查询的参数, 传参使用query:

    this.$router.push({ path: "/mine", query: { userId: "123" } });
    

           获取参数

    this$router.query.userId
    

     注:(1)由于动态路由也是传递params的,所以在 this.$router.push() 方法中path不能和params一起使用,否则params将无效。需要用name来指定页面。

                (2)两种方式的区别是query传参的参数会带在url后边展示在地址栏,params传参的参数不会展示到地址栏。需要注意的是接收参数的时候是route而不是                           router。两种方式一一对应,名字不能混用

      

    那些看似不起波澜的日复一日,会突然在某一天让人看到坚持的意义。
  • 相关阅读:
    jsp中${pageContext.request.contextPath}的意思
    Linux系统(centos)同步时间方式
    Tomcat启动报错 Failed to start component [StandardServer[8005]]解决
    有根树
    轻重链剖分/长短链剖分
    CF1389G
    9.12模拟总结
    [POI2014]HOT-Hotels加强版
    可持久/可回退化数据结构
    PA2014 Muzeum
  • 原文地址:https://www.cnblogs.com/Dcode/p/15099298.html
Copyright © 2020-2023  润新知