vue实现路由新开页跳转
时间: 2023-08-09 09:08:34 浏览: 121
要在Vue中实现路由新开页跳转,你可以使用`<router-link>`组件或者编程式导航。
1. 使用`<router-link>`组件:
在你的Vue模板中,使用`<router-link>`标签来创建一个链接,将`target="_blank"`属性添加到该标签中,以实现新开页跳转。
```html
<router-link to="/your-route" target="_blank">跳转到新页</router-link>
```
2. 使用编程式导航:
在Vue的方法中,使用`this.$router.push`方法来进行编程式导航,并在路由对象的`target`参数中指定`"_blank"`。
```javascript
// 在Vue组件的方法中
this.$router.push({ path: '/your-route', target: '_blank' });
```
然后,在你的路由配置文件中,配置一个新的路由,指向目标页面。
```javascript
// 在路由配置文件中
{
path: '/your-route',
component: YourComponent, // 目标页面组件
meta: { target: '_blank' }
}
```
通过以上两种方式之一,你可以在Vue中实现路由新开页跳转。记住,在使用`target="_blank"`时,请确保你的浏览器设置允许新开标签页。
阅读全文