this.$router.push打开新页签

在Vue.js中，this.$router.push是用来进行路由跳转的，但是默认情况下它会在当前窗口进行跳转，而不是在新的页签打开。如果你希望在新的页签中打开链接，你可以使用原生的JavaScript方法window.open来实现。以下是一个示例：

// 在Vue组件中使用window.open打开新页签
openNewTab() {
  window.open(this.$router.resolve({ name: 'yourRouteName' }).href, '_blank');
}

在上面的示例中，`yourRouteName`是你想要跳转的路由名称。通过`this.$router.resolve`获取到路由的href，并将其作为参数传递给`window.open`方法来在新的页签中打开链接。

注意：这种方式会触发浏览器的弹窗拦截器，一些浏览器可能会阻止弹出新页签，请确保在用户交互的上下文中使用该方法。

相关问题

this.$router.push在新页签打开

当你使用`this.$router.push`在Vue.js中导航并希望新开一个浏览器标签页而不是当前标签页，你可以结合使用`window.open()`方法。但这不是官方推荐的方式，因为这样可能会导致用户体验不佳，并且在某些场景下可能被浏览器阻止。

如果你只是想让用户看到新的页面而不会替换当前窗口的内容，可以这样做：

// 首先确保你已经安装了vue-router插件
this.$router.push({ name: 'yourRouteName' }).then(() => {
  if (window.open) { // 判断浏览器是否支持
    window.open('http://example.com/newTabUrl', '_blank'); // 打开新的标签页
  }
});

这里`_blank`是一个特殊的模式，告诉浏览器打开一个新的独立窗口或标签页。

然而，更好的做法是在设计阶段就考虑到这一点，如果真的需要用户在新标签页打开特定内容，考虑提供一个专门的外部链接或者使用第三方库如vue-router的`meta`字段配合`noopener`属性来控制目标页面的行为。

this.$router.push打开个新页

当你在Vue.js应用中使用`this.$router.push`时，这个方法用于导航到指定的路由。它会改变当前视图，并在浏览器的历史记录中添加一个新的URL，使得用户可以通过点击浏览器回退按钮返回之前的页面。`$router`通常是Vue Router提供的实例，用于管理应用程序的不同路由及其关联的行为。

例如，在组件内你可以这样做：

this.$router.push('/some-route') // 这将导航到'/some-route'这条路由