vue打开一个新窗口

有时候业务需求需要大肠一个新的窗口有两种实现方式，直接看代码

1. target

如果在一个a标签内包含一个 target 属性，浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的框架或者窗口不存在，浏览器将打开一个新的窗口，给这个窗口一个指定的标记，然后将新的文档载入那个窗口。从此以后，超链接文档就可以指向这个新的窗口

<a target="_blank" href="url"></a>
1

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

<button type="primary" @click="skip">跳转</button>

skip(){
	const { href } = this.$router.resolve({
		path: 'url',
		query: {
			id: row.id,
   		}
	});
	window.open(href, '_blank');
}

1
2
3
4
5
6
7
8
9
10
11
12