项目需求

1、多级菜单里面配置了一个跳转的页面路由，这里希望跳转并打开新窗口；
2、因为是用了Ant-design封装好的路由组件import Menu from 'ant-design-vue/es/menu'替换不了代码，所以换了个思路
3、使用watch监听当前路由path，若当前path=xx，就跳转并打开新窗口

实现代码

watch: {
	/** 数据共享门户 打开新窗口*/
      '$route'(to, from) {
        if(to.path === '/xxName') {
          this.$router.push(from.path) // 当前路由停留在当前页面，选中效果还停留在上一次点击的路由上
          let routeData = this.$router.resolve({ path: '/xxName' }); 
          window.open(routeData.href, '_blank');
        }
      },
}

主要代码

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