怎么设置一个el-button和一个el-table上下排列

您好，要设置一个el-button和一个el-table上下排列，您可以使用以下代码：

<template>
  <div>
    <el-button type="primary">Button</el-button>
    <el-table :data="tableData">
      <el-table-column prop="date" label="日期"></el-table-column>
      <el-table-column prop="name" label="姓名"></el-table-column>
      <el-table-column prop="address" label="地址"></el-table-column>
    </el-table>
  </div>
</template>

您可以将el-button和el-table放在同一个div元素中，这样它们就会垂直排列。如果您想调整它们之间的间距，可以使用CSS样式来实现。例如：

<style>
  .button-table-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .el-button {
    margin-bottom: 20px;
  }
</style>

<template>
  <div class="button-table-wrapper">
    <el-button type="primary">Button</el-button>
    <el-table :data="tableData">
      <el-table-column prop="date" label="日期"></el-table-column>
      <el-table-column prop="name" label="姓名"></el-table-column>
      <el-table-column prop="address" label="地址"></el-table-column>
    </el-table>
  </div>
</template>

这里我们使用了flex布局来让el-button和el-table在垂直方向上居中，并且通过样式实现了它们之间的20px间距。