vue 带参数跳转打开新窗口 $router.resolve 获取路由参数

一.如果参数在路径中

1.打开新窗口

router.js
    path: '/project/:id'
 
var { href } = this.$router.resolve({
    path: '/project',
    query: {
        id: this.id
    }
});
window.open(href,'_blank');
复制代码

获取参数：this.$route.query.id

二.如果参数不在路径中

1.不打开新窗口

var href = this.$router.push({
    name: '项目列表',
    params: {
       msg : this.msg
    }
});
复制代码

获取参数：this.$route.params.msg

2.打开新窗口

var { href } = this.$router.resolve({
    name: '项目列表',
});
localStorage.setItem("msg", this.msg)
window.open(href,'_blank');
复制代码

获取参数：

if (localStorage.getItem('msg')){
      this.m= localStorage.getItem('msg');
      localStorage.clear();
};
复制代码