vue如何在跳转页面时不打开新窗口

Posted 2023-05-10

参考技术A Vue提供了<router-link>标签，可以用来替代a标签，实现跳转页面时不打开新窗口的功能。在组件内部，可以使用router-link标签来定义一个路由链接，在模板中可以使用<router-link>替代a标签，使用v-bind来动态绑定路由，在点击时跳转到指定的页面，而不会打开新窗口。

vue打开新窗口的两种方式

参考技术A

1.使用路由跳转，绑定target="_blank"

2.写点击事件

注意： 若只是简单的打开新窗口页面，两种皆可以，但是如果新页面是打印pdf的页面，则第二种，打开新页面之后，打印窗口不关闭，当前页面不能点击操作。