vue带有参数的路由跳转


  vue带有参数的路由跳转: 
   1. 接收路由传递的参数有两种方式; (this.$router.history.current.params 、 this.$route.params)
   2. 为避免在跳转页面F5数据丢失,需要将传递的参数存到sessionStorage
   3. 跳转的地方,路由跳转时, 不可使用 path, 要使用name。 (path适用于不带参数的跳转)
   
  created(){
 
      let info = this.$router.history.current.params.info;
  //  let info = this.$route.params.info;
      if (info) {
        sessionStorage.setItem("detailItem12", info);
      }
      let houseId = sessionStorage.getItem("detailItem12") + '';
      this.houseId = houseId;
    },


  gotoDetailPage: function (index, rowData) {
          let routerName = '';
        if (rowData.houseLivedState == 1) {
          routerName = 'HouseDetail1';
        }else if(rowData.houseLivedState == 2){
          routerName = 'HouseDetail2';
        }else if(rowData.houseLivedState == 3){
          routerName = 'HouseDetail3';
        }else{


        }
        this.$router.push({
            name : routerName,
            params: {
                'info': rowData.id
            }
        })
      },
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值