使用vscode，并且在vue中使用elementui编写一份拥有导航栏并且导航栏下方有表格的网页，网页必须是自适应网页，导航栏可以跳转每一个不同的指定的表格

在VS Code中使用Vue和Element UI编写一个具有导航栏和表格的自适应网页是可行的。下面是一个简单的示例代码，可以帮助你开始：

<template>
  <div>
    <el-menu mode="horizontal" @select="handleMenuSelect">
      <el-menu-item index="table1">表格1</el-menu-item>
      <el-menu-item index="table2">表格2</el-menu-item>
      <el-menu-item index="table3">表格3</el-menu-item>
    </el-menu>

    <el-table v-if="currentTable === 'table1'">
      <!-- 表格1的内容 -->
    </el-table>

    <el-table v-if="currentTable === 'table2'">
      <!-- 表格2的内容 -->
    </el-table>

    <el-table v-if="currentTable === 'table3'">
      <!-- 表格3的内容 -->
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentTable: 'table1' // 默认显示表格1
    };
  },
  methods: {
    handleMenuSelect(index) {
      this.currentTable = index; // 根据导航栏选项切换显示的表格
    }
  }
};
</script>

上述代码中，使用了Element UI的`el-menu`组件作为导航栏，并监听`select`事件来切换当前显示的表格。根据选中的导航栏选项，使用Vue的条件渲染（`v-if`）来决定显示哪个表格。你可以根据自己的需求修改和扩展这段代码，添加更多的表格和导航栏选项。

请确保已经安装并正确引入了Vue和Element UI的相关依赖，以及在Vue实例中注册了Element UI组件。