vue打开一个新窗口

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

  1. target

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

<a target="_blank" href="url"></a>
  1. 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');
}

你可能感兴趣的:(vue,知识点,vue.js,前端,javascript)