vue3router.push打开新窗口
时间: 2024-06-03 19:05:46 浏览: 338
vue两组件间值传递 $router.push实现方法
在Vue3中,可以使用`router-link`标签或者`router.push()`方法来进行路由跳转。如果需要在新窗口中打开链接,可以在`router-link`标签中添加`target="_blank"`属性,或者在`router.push()`方法中指定`window.open()`方法来打开新窗口。
以下是示例代码:
使用`router-link`标签打开新窗口:
```
<router-link to="/newpage" target="_blank">打开新页面</router-link>
```
使用`router.push()`方法打开新窗口:
```
this.$router.push({
path: '/newpage',
query: {},
params: {},
// 打开新窗口
open: true
})
```
其中,`open: true`表示需要在新窗口中打开链接。
阅读全文