nuxt 路由 传递参数

//  nuxt 路由    通过query 传递参数
this.$router.push({path:'/',query:{index:index,row:row}});
//在目标页面通过this.$route.query获取参数:
this.$route.query.aid;

// 带参数打开新页面

第一种:

openProductDescription (item) {
      var _this = this;
      // _this.detailDialogVisible = true;
      //  this.$router.push('/usercenter/goodsDetail');
      let href = this.$router.resolve({ path: '/usercenter/goodsDetail', query: { aid: item.aid } });
      //打开一个新的页面
      window.open(href.href,'_blank');
      _this.detailMsg = item.adescription;
 },

第二种:

openProductDescription (item) {
      var _this = this;
      // _this.detailDialogVisible = true;
      //  this.$router.push('/usercenter/goodsDetail');
      let href = this.$router.resolve({ path: '/finance/subjectDataEdit', query: { 
          afirstaid: row.afirstaid,
          afirstLevelId: row.afirstLevelId,
          afirstLevelName:row.afirstLevelName,
          asecondaid: row.asecondaid,
          asecondLevelId: row.asecondLevelId,
          asecondLevelName : row.asecondLevelName,
          athirdaid: row.athirdaid,
          athirdLevelId: row.athirdLevelId,
          athirdLevelName: row.athirdLevelName,
          frCode: row.frCode,
          frCodeName: row.frCodeName
         }});
        //打开一个新的页面
        window.open(href.href,'_blank');
 },

接收:

    var obj = {
      afirstaid: this.$route.query.afirstaid,
      afirstLevelId: this.$route.query.afirstLevelId,
      afirstLevelName:this.$route.query.afirstLevelName,
      asecondaid: this.$route.query.asecondaid,
      asecondLevelId: this.$route.query.asecondLevelId,
      asecondLevelName : this.$route.query.asecondLevelName,
      athirdaid: this.$route.query.athirdaid,
      athirdLevelId: this.$route.query.athirdLevelId,
      athirdLevelName: this.$route.query.athirdLevelName,
      frCode: this.$route.query.frCode,
      frCodeName: this.$route.query.frCodeName
    }
    this.bcSubject = obj;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值