ElementUI-Table 表头无法编辑问题

最近有个列表排序功能，列表表头为动态数据，如下图， 需要修改表头信息，经实测，改变表头内容数据，不会重新渲染

解决方案

    <template #header slot-scope="">
        <span @click="sortTableList(item, index)">
          {{item.label}}
          <i class="asc-icon" v-if="item.order === 'asc'"></i>
          <i class="desc-icon" v-if="item.order === 'desc'"></i>
        </span>
      </template>

问题解决 但不知道为啥。。。