Vue3如何通过router.push打开一个标签页页面

Vue3中将router.push改为新打开一个标签页

背景:

在Vue.js中，router.push 是用来进行路由跳转的，但它默认是在当前页面跳转的，这就造成一个问题，想看之前的页面就必须点击返回重新渲染

router.push正常跳转方式

router.push({
	path: '/appDetail',
	query: {id: appInfo.id},
})

解决方案：

第一种：使用window.open方法结合router.resolve来实现

window.open(router.resolve({
	path: '/appDetail',
	query: { id: appInfo.id }
}).href, '_blank');

第二种：直接使用 window.open，简单明了

 window.open(url, '_blank');