Buefy --自定义动态加载表格中的字段

<template>
  <div>
    <b-table :data="tableData">
      <template slot-scope="props">
        <!-- 自定义字段的内容 -->
        <b-table-column v-for="field in customFields" :key="field.key" :label="field.label">
          {{ props.row[field.key] }}
        </b-table-column>
      </template>
    </b-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'John Doe', age: 30, email: 'john@example.com' },
        { name: 'Jane Smith', age: 25, email: 'jane@example.com' },
        // 更多数据...
      ],
      customFields: [
        { key: 'name', label: '姓名' },
        { key: 'age', label: '年龄' },
        { key: 'email', label: '邮箱' },
        // 更多自定义字段...
      ]
    };
  }
};
</script>