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
            }
        })
      },
Logo

前往低代码交流专区

更多推荐