this.$router.push可以打开新窗口吗
时间: 2024-03-14 15:41:31 浏览: 164
vue两组件间值传递 $router.push实现方法
this.$router.push方法是Vue.js中用于进行路由跳转的方法,它通常用于在同一窗口内进行页面的切换。默认情况下,this.$router.push会在当前窗口中打开新的路由页面,而不是在新窗口中打开。
如果你想要在新窗口中打开一个链接,可以使用原生的JavaScript方法window.open()来实现。你可以在路由跳转时,使用window.open()方法来打开一个新窗口,并指定要打开的链接地址。
以下是一个示例代码:
```javascript
// 在Vue组件中使用window.open()方法打开新窗口
this.$router.push('/new-route'); // 在当前窗口中打开新路由页面
// 在新窗口中打开链接
window.open('https://www.example.com', '_blank');
```
请注意,使用window.open()方法打开新窗口可能会受到浏览器的弹窗拦截设置的影响。如果浏览器的弹窗拦截器被启用,可能会阻止新窗口的打开。
阅读全文