el-table 数据加载完成前显示loading

您可以在el-table中使用loading属性来显示加载状态。loading属性可以设置为true或false，以指示是否正在加载数据。当loading为true时，el-table将显示一个加载图标和文本，以指示数据正在加载。当数据加载完成后，您可以将loading属性设置为false，以显示表格中的数据。

以下是一个示例：

<template>
  <el-table :data="tableData" :loading="loading">
    <el-table-column prop="name" label="Name"></el-table-column>
    <el-table-column prop="age" label="Age"></el-table-column>
    <el-table-column prop="address" label="Address"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [],
      loading: true
    };
  },
  mounted() {
    setTimeout(() => {
      this.tableData = [
        { name: 'John', age: 30, address: 'New York' },
        { name: 'Jane', age: 25, address: 'Chicago' },
        { name: 'Bob', age: 40, address: 'Los Angeles' }
      ];
      this.loading = false;
    }, 2000);
  }
};
</script>

在这个例子中，我们使用了loading属性来显示加载状态。在mounted钩子函数中，我们使用setTimeout模拟了一个异步请求，并在两秒钟后将tableData设置为一个包含三个对象的数组。当tableData被设置后，我们将loading设置为false，以显示表格中的数据。