自己写方法实现el-table-colum只在正序和倒序直接切换

 <el-table-column
                key="1"
                label="超出时长"
                
              >
              <!-- sortable -->
              <template
                        slot="header"
                        slot-scope="scope"
                        class="retort_time"
                      >
                        超出时长
                        <span style="cursor: pointer;" @click="changeorder()">
                          <i
                            class="el-icon-caret-top"
                            :class="color1 == 1 ? 'icon1' : ''"
                            style="position: relative;
                              right: 0;
                          top: -5px;"
                          ></i>
                          <i
                            class="el-icon-caret-bottom"
                            :class="color1 == 2 ? 'icon1' : ''"
                            style="position: relative;
                          left: -14px;
                          top: 2px;"
                          ></i>
                        </span>
                      </template>
                <template scope="scope">
                  <span :style="color12(scope.row)">{{ color2(scope.row.finishTimeSpan) }}</span>
                </template>
              </el-table-column>

    changeorder(column, prop, order) {
     
     if (this.color1 == 1) {
      this.color1 = 2
        this.order1 = false
        this.WorkOrderGetSeachList2()
      }else{
        this.color1 = 1
        this.order1 = true
        this.WorkOrderGetSeachList2()
      }
     
    
 
    },

<style>
.icon1 {
  color: #0069b7;
}
</style>