vue3router.push打开新窗口
时间: 2024-06-03 18:05:46 浏览: 26
在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`表示需要在新窗口中打开链接。
相关问题
vue-router router.push 新窗口打开
要在新窗口中打开路由,请使用以下代码:
```
<router-link :to="{ path: '/your-path' }" target="_blank">Open in new window</router-link>
```
或者,在JavaScript中使用`router.push`:
```
this.$router.push({ path: '/your-path' }, '_blank');
```
请注意,这将取决于浏览器设置和是否启用了弹出窗口阻止程序。
router.push打开新窗口
router.push 是 Vue Router 提供的一个方法,可以用来进行路由跳转。当我们使用 router.push 进行路由跳转时,会在当前窗口打开新的路由页面。如果想要在新的窗口打开页面,可以使用原生 JavaScript 中的 window.open 方法来实现。
例如,我们可以在路由跳转之前使用 window.open 方法打开一个新的窗口,然后在新的窗口中进行路由跳转:
```
window.open('/new-page', '_blank');
router.push('/new-page');
```
这样就可以在新的窗口中打开新的页面了。需要注意的是,window.open 方法的第一个参数是要打开的页面的 URL,第二个参数是窗口的名称,'_blank' 表示在新的窗口中打开页面。另外,如果想要在新的窗口中打开 Vue Router 的页面,需要将 base 配置项设置为 '/',否则会出现路由路径错误的情况。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)