vue中router跳转不打开新标签
时间: 2023-05-31 15:06:08 浏览: 172
vue-router跳转时打开新页面的两种方法
在Vue中使用router跳转不会打开新标签页,而是在当前页面中渲染新的组件。这是因为Vue的路由机制是基于前端的,通过改变URL地址来控制页面内容的变化,不需要刷新页面或打开新标签页。
使用router-link标签实现跳转时,可以通过设置target属性来控制路由跳转的方式。如果设置为"_blank",则会打开新标签页,否则在当前页面中渲染新组件。
例如:
```html
<router-link to="/about" target="_blank">About</router-link>
```
这会在新标签页中打开关于页面。如果不设置target属性,则会在当前页面中渲染关于页面。
另外,通过编程式导航实现路由跳转时,可以使用$router.push方法,在当前页面中渲染新组件:
```js
this.$router.push('/about');
```
阅读全文