Vue------router传参params方式传值一直为空的解决方案

发布时间:2024-01-11 20:29:12

直奔主题:代码如下

这里是其他情况的入口,感兴趣的同学或码友可以一起浏览一下icon-default.png?t=M1H3https://liyangtao.blog.csdn.net/article/details/115008014

关键点:name名为组件创建时的name,要完全一致!!!

?采用params的方式去传参!

  {
    // LyInusreAddInfo.vue  投保信息房屋添加页
    path: "/lyhousenew/lyinsureinfo/add",
    name: "LyInusreAddInfo",  // params传参关键点,name要一致!
    component: LyInusreAddInfo =>
      require( [ "@/views/lyHouseNew/LyInsureAddInfo" ], LyInusreAddInfo ),
    meta: {
      title: "房屋信息",
      background: "#f6f6f6",
      keepAlive: false
    }
  },


   this.$router.push({
        name: "LyInusreAddInfo",
        path: "/lyhousenew/lyinsureinfo/add",  // 可加可不加,name有即可
        params: {
        TYPE: "LOOK",
        HOUSE_INFO: itemhouse,
        PARENTINDEX: index
        }
    });



  // 获取方式: 
  this.$route.params.TYPE // "LOOK"
  this.$route.params.HOUSE_INFO // {item:1,house:[{...}]}
  

额外:query方式传值(值放在url上,一般适用于简短的值)

  this.$router.push({
        path: "/lyhousenew/lyinsureinfo/add",  
        query: {
        TYPE: "LOOK",
        HOUSE_INFO: itemhouse,
        PARENTINDEX: index
        }
    });

    // 获取方式:
    this.$route.query.TYPE // LOOK

文章来源:https://liyangtao.blog.csdn.net/article/details/123045921
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。