el-table的v-loading

el-table的v-loading属性用于在表格加载数据时显示加载状态。通过将v-loading属性设置为一个布尔值或绑定一个变量，可以控制是否显示加载状态。

当v-loading的值为true时，表格会显示加载状态，通常显示一个加载动画或加载提示。当数据加载完成后，将v-loading的值设置为false，加载状态会消失。

以下是一个示例：

<template>
  <el-table :data="tableData" v-loading="loading">
    <!-- 表格列配置 -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [], // 表格数据
      loading: false // 加载状态
    };
  },
  mounted() {
    this.loading = true; // 开始加载数据
    // 模拟异步加载数据
    setTimeout(() => {
      this.tableData = [
        // 数据内容
      ];
      this.loading = false; // 数据加载完成，隐藏加载状态
    }, 2000);
  }
};
</script>

在上述示例中，通过将v-loading属性绑定到loading变量，可以控制表格的加载状态。在mounted钩子函数中，首先将loading设置为true，表示开始加载数据。然后通过setTimeout模拟异步加载数据的过程，在数据加载完成后将loading设置为false，加载状态消失。

注意：v-loading属性只能应用于el-table组件，不能直接应用于el-table-column组件。如果需要在列级别显示加载状态，可以通过在列中插入自定义的loading组件或使用slot-scope来实现。