表格排序

image.png

代码实现

<el-table-column
                    prop="sort"
                    label="排序"
                    align='center' 
                    :resizable="false" 
                    minWidth='80px'
                    fixed
                    >
                    <template slot-scope="scope">
                    <i class="el-icon-top btn-sort" @click="sortFn(scope.$index,scope.row,1)"></i>
                    <i class="el-icon-bottom btn-sort" @click="sortFn(scope.$index,scope.row)"></i>
                    </template>
                </el-table-column>

//排序
      sortFn(index,val,status){
        if(status){
          if(index<=0) return
          console.log('t')
          this.tableData.splice(index,1)
          this.tableData.splice(index-1,0,val)
        }else{
          if(this.tableData.length-1<=index) return
          console.log('d')
          this.tableData.splice(index+2,0,val)
          this.tableData.splice(index,1)
        }
      },