其他分享
首页 > 其他分享> > vue学习之----子路由返回传参

vue学习之----子路由返回传参

作者:互联网

1、情境

由index页面跳转到detail页面

从detail页面返回时需要给index页面传一个参数tabIndex

2、实现

detail页面:

beforeRouteLeave(to, from, next) {
  if (to.name == 'Detail') {
    to.query.tabIndex = "2";
  }
  next();
}

index页面:

mounted() {
  if (this.$route.query.tabIndex) {
    this.tabIndex = this.$route.query.tabIndex;
  }
},

 

标签:传参,index,vue,detail,next,----,query,tabIndex,页面
来源: https://www.cnblogs.com/zhaoyingzhen/p/15118000.html