el-table 父元素是弹性盒子flex:1 父元素高度变化 eltable 出现滚动条

如果你想让 `el-table` 元素在其父元素是弹性盒子且高度变化时，出现滚动条，你可以为 `el-table` 设置 `height: 100%;` 和 `overflow-y: auto;` 属性。

具体的实现步骤如下：

1. 为 `el-table` 元素设置 `height: 100%;` 属性，让其高度与父元素相同。

2. 为 `el-table` 元素设置 `overflow-y: auto;` 属性，让其在内容超出父元素高度时出现纵向滚动条。

CSS代码示例：

.el-table {
  height: 100%;
  overflow-y: auto;
}

这样，当父元素高度发生变化时，`el-table` 元素就会出现纵向滚动条，保证表格内容能够完整显示。

相关问题

点击el-select显示el-table

您可以通过以下步骤实现点击el-select后显示el-table：

1. 在Vue组件中引入el-select和el-table组件：

<template>
  <div>
    <el-select v-model="selectedOption" @change="showTable">
      <!-- el-select选项 -->
    </el-select>
    <el-table v-if="showTableFlag">
      <!-- el-table内容 -->
    </el-table>
  </div>
</template>

<script>
import { ElSelect, ElOption, ElTable } from 'element-plus';

export default {
  components: {
    ElSelect,
    ElOption,
    ElTable
  },
  data() {
    return {
      selectedOption: '',
      showTableFlag: false
    };
  },
  methods: {
    showTable() {
      this.showTableFlag = true;
    }
  }
}
</script>

2. 在el-select中定义选项，并使用change事件来触发showTable方法。

3. 在showTable方法中将showTableFlag设置为true，以显示el-table。

这样，当您选择el-select中的选项时，el-table将会显示出来。记得根据您的需求进行相应的修改和样式调整。

el-upload + el-table

你的问题不是很明确，但我猜测你想问的是如何在 Vue 中使用 Element UI 的 el-upload 和 el-table 组件。如果是这样，可以按照以下步骤：

1. 安装 Element UI：在你的 Vue 项目中使用 npm 或 yarn 安装 Element UI。

2. 引入 el-upload 和 el-table 组件：在需要使用这两个组件的 Vue 文件中，通过 import 语句将它们引入。

3. 在模板中使用组件：在模板中使用 el-upload 和 el-table 组件，可以通过 v-model 绑定数据、通过 props 设置属性等。

以下是一个简单的例子，展示了如何使用 el-upload 和 el-table 组件：

<template>
  <div>
    <el-upload
      class="upload-demo"
      action="/upload"
      :on-success="handleUploadSuccess"
      :before-upload="beforeUpload">
      <el-button size="small" type="primary">点击上传</el-button>
    </el-upload>
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="name" label="姓名"></el-table-column>
      <el-table-column prop="age" label="年龄"></el-table-column>
    </el-table>
  </div>
</template>

<script>
import { ElUpload, ElButton, ElTable, ElTableColumn } from 'element-ui';

export default {
  components: {
    ElUpload,
    ElButton,
    ElTable,
    ElTableColumn
  },
  data() {
    return {
      tableData: []
    };
  },
  methods: {
    handleUploadSuccess(response, file, fileList) {
      console.log(response, file, fileList);
    },
    beforeUpload(file) {
      console.log(file);
    }
  }
}
</script>

这个例子中，我们使用了 el-upload 组件来上传文件，使用了 el-table 组件来展示数据。在 el-upload 组件中，我们设置了上传成功的回调函数 handleUploadSuccess 和上传前的回调函数 beforeUpload。在 el-table 组件中，我们绑定了数据 tableData，并设置了表格列的属性。

希望这个例子能够帮到你。