前端开发中关于页面的打开展示方式常见使用的为替换当前页面或打开新窗口，特别在常见的管理后台中替换当前页方式是最为常见的。

本篇文章就来介绍在使用vue开发时，如何实现打开页面时，是在新窗口中打开而不是替换当前页面。

vue在新窗口中打开页面：

<button type="primary" @click="goPage">跳转</button>
goPage(row){
	const { href } = this.$router.resolve({
		path: '需要打开的url,如：/product/edit',
		query: {
			id: row.id,
   		}
	});
	window.open(href, '_blank');
}

$router.resolve可用于编程式导航，即利用代码来实现路由之间的跳转。

window.open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。