【element】表格后台排序，循环写法

<template>
  <div>
    <el-table :data="tableData" style="width: 100%">
      <el-table-column
        v-for="item in tableHeader"
        :key="item.index"
        :label="item.label"
        :prop="item.prop"
      >
        <template slot="header" slot-scope="scope">
          <div class="name-sort">
            <span>{
  
   
   { scope.column.label }}</span>
            <span class="sort" v-if="item.sort">
              <i
                class="increase"
                @click="upCkick(item.prop, 'up', scope.column.label)"
                :class="
                  flagSort1 && item.prop == sortName ? 'increase-color' : ''
                "
              ></i
              ><i