vue-router 在新窗口打开页面 及 返回带参

vue-router 在新窗口打开页面

标签导航

<router-link target="_blank" :to="{path:'/mypage',query:{}">打开页面</router-link>

编程式导航

let routeData = this.$router.resolve({
    
    
    path:'/mypage',
    query: {
    
    },	 
 });
window.open(routeData.href, '_blank');

vue-router 返回带参

除了通过vuex获取参数外，也可通过路由参数实现

传递参数

this.$route.params.id = "123";
this.$router.back();

接收参数

beforeRouteEnter(to, from, next) {
    
    
  next(vm=>{
    
    
    vm.id = from.params.id;
  });
},