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>

問題解決 但不知道為啥。。。