vue中实现跳转一个新页面并且传参

一、通过window.open实现

const { href } = this.$router.resolve({
    name: "router-name", // 这里
    query: {
        id: 1
    }
});
window.open(href, '_blank');

第一种方法也可以写成这样：

const { href } = this.$router.resolve({
    path: "/router-name/user",
    params: {
        id: 1
    }
});
window.open(href, '_blank');

二、通过router-link实现

<router-link tag="a" 
             target="_blank"
             :to="{ name: 'router-name', query: {id: 1} }">
</router-link>