Vue页面，左侧菜单是接口获取的，点击一个打开一个tab，点击tab的时候怎么关键左侧菜单

可以在点击tab时，触发一个事件，将左侧菜单收起来。具体实现可以在tab组件中添加一个方法，比如叫做`closeMenu`，当点击tab时，可以调用这个方法，将左侧菜单收起来。

例如，在Vue的`<template>`中，可以这样定义tab组件：

<template>
  <div class="tab" @click="closeMenu">
    <!-- tab内容 -->
  </div>
</template>

<script>
export default {
  methods: {
    closeMenu() {
      // 在这里实现关闭左侧菜单的逻辑
    }
  }
}
</script>

在`closeMenu`方法中，可以使用`v-if`或`v-show`来控制左侧菜单的显示和隐藏，例如：

<template>
  <div class="tab" @click="closeMenu">
    <!-- tab内容 -->
  </div>
</template>

<script>
export default {
  methods: {
    closeMenu() {
      this.$emit('close-menu') // 触发父组件的事件
    }
  }
}
</script>

然后，在tab组件的父组件中，可以监听`close-menu`事件，并在事件处理函数中控制左侧菜单的显示和隐藏，例如：

<template>
  <div>
    <left-menu v-if="showMenu"></left-menu>
    <tab v-for="tab in tabs" :key="tab.id" @close-menu="showMenu=false"></tab>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tabs: [], // tab列表
      showMenu: true // 控制左侧菜单的显示和隐藏
    }
  }
}
</script>

在这个例子中，当点击tab时，会触发`close-menu`事件，并将`showMenu`设置为false，从而控制左侧菜单的隐藏。