• 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。两种方式一一对应,名字不能混用

      

    那些看似不起波澜的日复一日,会突然在某一天让人看到坚持的意义。
  • 相关阅读:
    什么是代理
    简易的屏幕适配
    SourceTree 操作简介
    project/target/product的简易区别
    iOS申请真机调试证书-图文详解
    关于UINavigationController的backBarButtonItem定制问题
    pat1008
    pat1005
    pat1019-简单模拟题
    ie6-ie8中不支持opacity透明度的解决方法
  • 原文地址:https://www.cnblogs.com/Dcode/p/15099298.html
Copyright © 2020-2023  润新知