Vue路由在新窗口打开的两种实现方式

Vue路由在新窗口打开的两种实现方式

第一种：使用<router-link>标签

第二种：使用编程式导航

使用背景

在点击事件或函数中实现页面跳转时在新窗口打开界面

遇到的问题

// 直接使用window.open 跳转无法打开
window.open(url , '_blank');

解决方案

goDeatil(){
    let url = this.$router.resolve({
        path:"/detail",
        query:{ id:id }
    })
    window.open(url , '_blank');
}