anti-design-vue a-table根据不同状态显示不同列名

今天做项目的时候 遇到一个需求 要根据不同的状态显示不同的列名

如果这个订单是按单计算的 就要显示每单固定收费，如果是按件计算的就显示每件固定收费

代码如下：

 

<a-table :data-source="listData"
               :columns="listColumns"
               :pagination="false"
               bordered
      >
        <template #headerCell="{ column }">
          <template v-if="column.key === 'fee'">
              <span>{{data.is_singleton===1?'每单固定收费（元）':'每件固定收费（元）'}}</span>
          </template>
        </template>
        <template #bodyCell="{ column,index, text, record }">

        </template>
</a-table>

column.key就是该列绑定的key值

 这样就可以实现不同状态显示不同的列名啦！