如何将后端返回的一组数据的两种数据类型进行判断，显示在同个一iview的table表格中

在iview中，如果你想要根据后端返回的数据判断并分别显示两种类型的值，可以在渲染表格时添加条件判断。假设你有两个字段`field1`和`field2`，一种类型的数据存储在`field1`，另一种类型的数据存储在`field2`，你可以这样做：

<template>
  <el-table :data="tableData">
    <el-table-column prop="typeKey" label="类型"></el-table-column>
    <el-table-column v-if="isType1(field)" prop="field1" label="类型1展示"></el-table-column>
    <el-table-column v-else-if="isType2(field)" prop="field2" label="类型2展示"></el-table-column>
    <!-- 如果还有其他共性的列可以放在这里 -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [] // 后端返回的数据，包含typeKey, field1, field2等字段
    };
  },
  methods: {
    isType1(value) {
      // 判断是否为类型1，这里可以根据数据的特性定义判断逻辑
      if (typeof value === 'string') { // 例如，如果value是字符串，认为是类型1
        return true;
      } else {
        return false;
      }
    },
    isType2(value) {
      // 类似地，判断是否为类型2，可能是数值、布尔值等
      if (typeof value === 'number') {
        return true;
      } else {
        return false;
      }
    },
  },
  created() {
    // 在组件创建时，获取后端数据，并更新tableData
    this.getTableData().then(data => {
      this.tableData = data.map(row => ({
        typeKey: row.typeKey, // 假设后端有typeKey标识数据类型
        field1: row.field1,
        field2: row.field2,
      }));
    });
  },
  async getTableData() {
    // 从后端获取数据
  }
};
</script>

在这个例子中，我们根据`field1`和`field2`的类型使用了`v-if`和`v-else-if`来动态决定显示哪一列内容。你需要根据实际数据结构修改`isType1`和`isType2`函数的具体判断逻辑。

相关问题：
1. 如何处理后端返回的数据缺失或者类型判断错误的情况？
2. 如何在表格中同时显示不同类型数据的统计信息，例如合计？
3. 如果字段名可能会改变，如何避免直接硬编码字段名称？