简要描述通过vue路由打开新窗口的方法

简单谈谈vue路由如何打开一个新窗口

vue官方文件中的

1.router-link标签

看到这里，大家应该想一想，既然路由器-link不支持target='_blank '属性，那怎么用路由器-link打开新窗口呢？别担心，继续往下看~

文档中也有描述

在router-link中加入tag='li '属性后，可以渲染成li tag，真的很神奇。可以写成tag='a '而不是tag吗？让我们试着写一个

router-link tag=' a ' target=' _ blank ' to='/about '新产品/router-link

2.编程导航

上图为官网最新声明。vue2.0之后的router.go和router.push不支持打开新窗口的属性。现在，一种新的方法是路由器。解决

让routeData=这个。$ router . resolve({ path : '/about '，query: { name:'lei '，age: 18，phone num 336012345678901 } })；window.open(routeData.href，' _ blank ')；摘要

以上是边肖介绍的为vue路由打开新窗口的方法。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！