zoukankan      html  css  js  c++  java
  • (转)一个vue路由参数传递的注意点

    首先我的路由的定义
    {
            path: '/b',
            name: 'B',
            component: resolve => require(['../pages/B.vue'], resolve)
    }
    我从A组件跳转到B组件,并通过路由信息对象传递一些参数
    this.$router.push({
            path: '/b',
            params: {
              paramA: 'a'      
            },
            query:{
              paramB: 'b'
            }
    })
    在B组件中获取参数
    this.$route.query.paramB         //b
    this.$route.params.paramA        //undefined
    通过路由的params对象传递过来的参数paramB始终是undefined,始终找不到原因。
    通过查阅文档,终于找到原因,那是因为路由的params对象使用,必须要通过路由名来调用路由,而不同通过path来调用,而query对象则没有这个要求。所以我们修改下代码:
    this.$router.push({
            name: 'B',
            params: {
              paramA: 'a'      
            },
            query:{
              paramB: 'b'
            }
    })
    将path参数换成对应的路由名称就可以了,这个时候获取参数就一切正常了。
    this.$route.query.paramB         //b
    this.$route.params.paramA        //a
     


    作者:西门小妖
    链接:https://juejin.im/post/5a28a5bdf265da4311201909
    来源:掘金
    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

  • 相关阅读:
    sqoop导出数据
    sqoop导入数据
    Hive学习(二)
    各个版本的集群安装包地址
    Hive学习(一)
    数据仓库
    HBase学习(二)
    HBase学习(一)
    MySQL中阻塞
    MySQL中锁问题
  • 原文地址:https://www.cnblogs.com/lsy0403/p/8665034.html
Copyright © 2011-2022 走看看