vue中router跳转不打开新标签

在Vue中使用router跳转不会打开新标签页，而是在当前页面中渲染新的组件。这是因为Vue的路由机制是基于前端的，通过改变URL地址来控制页面内容的变化，不需要刷新页面或打开新标签页。

使用router-link标签实现跳转时，可以通过设置target属性来控制路由跳转的方式。如果设置为"_blank"，则会打开新标签页，否则在当前页面中渲染新组件。

例如：

<router-link to="/about" target="_blank">About</router-link>

这会在新标签页中打开关于页面。如果不设置target属性，则会在当前页面中渲染关于页面。

另外，通过编程式导航实现路由跳转时，可以使用$router.push方法，在当前页面中渲染新组件：

this.$router.push('/about');

相关问题

vue-router跳转外链

在Vue.js中使用vue-router跳转外链，可以使用`<router-link>`标签或者`this.$router.push()`方法。

使用`<router-link>`标签跳转外链，只需要在`to`属性中传入外链地址即可，例如：

<router-link to="https://www.baidu.com">跳转到百度</router-link>

使用`this.$router.push()`方法跳转外链，需要传入一个包含`path`属性的路由对象，`path`属性即为要跳转的外链地址，例如：

this.$router.push({ path: 'https://www.baidu.com' })

需要注意的是，使用`<router-link>`标签跳转外链时，会在新窗口中打开外链；而使用`this.$router.push()`方法跳转外链时，会在当前窗口中打开外链，需要自行处理是否在新窗口中打开外链的逻辑。

vue大屏跳转不打开新页面

Vue大屏跳转不打开新页面，可以使用Vue Router中的编程式导航实现。具体步骤如下：

1. 首先，在Vue组件中引入Vue Router：

import router from '@/router'

2. 在Vue组件的方法中，使用编程式导航实现跳转：

this.$router.push('/path')

其中，'/path'是你要跳转的路径。

3. 如果不想打开新页面，可以使用Vue Router提供的replace方法：

this.$router.replace('/path')

这样就可以在当前页面进行跳转，而不会打开新页面。

注意：如果你的Vue组件没有引入Vue Router，可以在Vue实例中全局引入：

import router from '@/router'

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')