vue页面如何跳转route路由并打开新标签页

在 Vue 中可以通过 `$router` 对象来进行路由跳转，同时可以使用 JavaScript 的 `window.open()` 方法在新标签页中打开路由。

具体实现可以在你的 Vue 组件中的方法中使用以下代码：

this.$router.push('/your-route'); // 跳转路由
window.open('/your-route', '_blank'); // 在新标签页中打开路由

其中 `/your-route` 为你想要跳转的路由路径，`'_blank'` 表示在新标签页中打开路由。需要注意的是，如果你使用的是相对路径，需要确保路径是正确的。

另外，为了避免在新标签页中跳转路由时出现空白页，你需要在路由组件的 `created` 钩子中判断路由参数，以保证在新标签页中打开路由时显示正确的内容：

created() {
  const id = this.$route.params.id;
  if (id) {
    // 根据 id 加载对应的数据
  }
}

以上代码是示例代码，具体实现根据你的业务逻辑进行调整。