vue router 打开新页面

在Vue Router中打开新页面可以通过使用`<router-link>`或者编程式导航来实现。

1. 使用`<router-link>`标签：
`<router-link>`是Vue Router提供的组件，用于生成带有路由功能的链接。你可以在`<router-link>`中设置`to`属性来指定要跳转的路由路径，当点击该链接时，Vue Router会自动帮你进行路由跳转并加载对应的组件。

例如，如果你想要在Vue Router中打开一个新页面，可以这样使用`<router-link>`：

   <router-link to="/new-page">打开新页面</router-link>

2. 使用编程式导航：
编程式导航是通过在代码中调用Vue Router提供的API来实现页面跳转。你可以使用`router.push()`方法来进行导航，传入要跳转的路由路径作为参数。

例如，如果你想要在Vue Router中打开一个新页面，可以这样使用编程式导航：

   this.$router.push('/new-page');

相关问题

vue router 打开新窗口

Vue Router是Vue.js官方的路由管理器，用于实现单页面应用（SPA）中的路由功能。它可以帮助我们在不同的URL之间进行导航，并且可以实现页面的切换和组件的加载。

要在Vue Router中打开新窗口，可以使用`<router-link>`组件的`target`属性。该属性可以设置为"_blank"，表示在新窗口中打开链接。

下面是一个示例代码：

<router-link to="/new-page" target="_blank">打开新窗口</router-link>

在上述代码中，当用户点击"打开新窗口"链接时，Vue Router会自动在新窗口中打开名为"/new-page"的页面。

vuerouter跳转打开新页面

在Vue Router中，我们可以使用`<router-link>`或`this.$router.push()`来进行页面跳转。如果想要打开一个新的页面，可以在`<router-link>`或`this.$router.push()`中添加`target="_blank"`属性。

例如：

<!-- 使用<router-link>打开新页面 -->
<router-link to="/new-page" target="_blank">打开新页面</router-link>

<!-- 使用this.$router.push()打开新页面 -->
<button @click="openNewPage">打开新页面</button>

<script>
export default {
  methods: {
    openNewPage() {
      this.$router.push({ path: '/new-page', target: '_blank' });
    }
  }
}
</script>

需要注意的是，这种方式打开的新页面不会继承原页面的Vue实例和状态，所以如果要在新页面中使用Vue组件和数据，需要重新进行Vue实例化和状态管理。