Vue Route如何实现跳转页面并在当前页面右边新开一个窗口
时间: 2024-03-12 16:49:48 浏览: 139
Vue this.$router.push(参数)实现页面跳转操作
Vue Route默认是在当前窗口打开跳转的页面,如果需要在当前页面右边新开一个窗口,可以通过设置target属性实现。
具体步骤如下:
1. 在`<router-link>`标签中添加target="_blank"属性,例如:
```
<router-link :to="{path:'/example'}" target="_blank">跳转到示例页面</router-link>
```
2. 如果是通过编程式导航跳转页面,在`router.push()`中添加options对象,并设置target属性,例如:
```
this.$router.push({path:'/example', query:{}, target:'_blank'})
```
以上就是在Vue Route中实现跳转页面并在当前页面右边新开一个窗口的方法。
阅读全文