用push并不是打开一个新的标签页，我使用window.open打开就不显示导航栏

如果你想要使用`window.open`打开一个新的标签页，但是导航栏没有显示，那么可能是因为在新的标签页中没有加载导航栏组件的原因。

在新的标签页中，你需要手动引入导航栏组件，并在模板中使用该组件，才能够在新的标签页中显示导航栏。你可以在新的标签页的Vue文件中，像在其他Vue文件中一样，引入导航栏组件，然后在模板中使用该组件。

如果你的导航栏组件是通过Vue Router来实现的，那么你还需要在新的标签页中，手动创建一个新的Vue Router实例，并将导航栏组件添加到路由中，才能够正常显示导航栏。具体实现方法可以参考Vue Router的文档。

需要注意的是，如果你使用`window.open`打开一个新的标签页，那么该标签页的Vue实例和Vue Router实例都是全新的，不会和原先的Vue实例和Vue Router实例共享状态和路由信息。因此，在新的标签页中需要重新获取数据和设置路由信息。

相关问题

vue跳转其他平台用什么方式跳转

### 回答1：
Vue可以使用router来实现跳转其他平台，具体可以使用以下代码实现：

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

其中，`https://www.example.com`是你要跳转的其他平台的URL地址。

### 回答2：
在Vue中，要实现页面跳转到其他平台，可以通过以下几种方式：

1. 使用<a>标签的href属性：可以直接在模板中使用<a>标签，并设置其href属性为其他平台的URL地址，点击该链接时将会跳转到该地址。

示例代码：

<a href="https://www.example.com">跳转到其他平台</a>

2. 使用编程式导航：Vue提供了编程式导航的方式，通过在方法中使用$route对象进行跳转。

示例代码：

methods: {
  goToOtherPlatform() {
    window.location.href = 'https://www.example.com'; // 直接修改浏览器地址栏，跳转到其他平台
    // 或者
    window.open('https://www.example.com', '_blank'); // 在新的窗口或标签页中打开其他平台
  }
}

3. 使用router-link组件：如果在Vue项目中使用了Vue Router进行路由管理，可以使用router-link组件进行页面跳转。

示例代码：

<router-link to="https://www.example.com">跳转到其他平台</router-link>

需要注意的是，以上方式都是直接将页面跳转到其他平台，跳转后无法再返回当前页面，如果需要跳转后再回到原页面，可以在目标平台的页面中添加返回按钮或者使用window.history API进行前进/后退操作。

### 回答3：
在Vue中，可以通过以下方式来跳转到其他平台：

1. 使用`<a>`标签进行跳转：Vue中可以直接使用HTML的`<a>`标签来进行跳转。例如，如果要跳转到其他平台的某个页面，可以通过`<a href="https://www.example.com">跳转链接</a>`来实现。

2. 使用Vue Router进行路由跳转：Vue Router是Vue.js官方推荐的跳转解决方案。通过在Vue中配置路由，可以实现页面之间的无刷新跳转。例如，在Vue Router中配置一个路由规则，然后通过`router.push()`方法来进行跳转。

3. 使用编程式导航进行跳转：除了使用Vue Router进行路由跳转，Vue还提供了编程式导航的方式来进行跳转。可以通过在Vue组件中使用`this.$router.push()`方法来实现跳转，或者使用`this.$router.replace()`方法来进行替换跳转。

4. 使用第三方库进行跳转：Vue中也可以使用一些第三方库来进行跳转，例如使用`window.location.href`来跳转到其他平台的页面，或使用`window.open()`方法在新窗口中打开其他平台的页面。

总而言之，无论是使用HTML标签、Vue Router、编程式导航还是第三方库，都可以在Vue中实现跳转到其他平台的功能。根据具体的需求和场景选择合适的方式进行跳转。