路由带参跳转——vue

点击子页面B的按钮，跳转到主页面A，同时携带子页面B中的信息，给主页面A。

在<router-link>中跳转

• 子页面B

<router-link :to="{path:'/A',query:{Bmsg: this.msg}}"> 去A页面 </router-link>

• 主页面A

// 在这里异步接收参数
let that=this;
setTimeout(function(){
  that.Amsg=that.$route.query.Bmsg;
},200);

用$router跳转

• 子页面B

this.$router.push({
  path:'/A', 
  query:{Bmsg: this.msg} 
});

• 主页面A

// 在这里异步接收参数
let that=this;
setTimeout(function(){
  that.Amsg=that.$route.query.Bmsg;
},200);

• 可以把Amsg显示到页面上{{this.Amsg}}