vue element ui 实现表格上下移动

BiKaBi今天整理了一下之前写的表格上下移动的功能，直接套用就可以

**

template部分

**

<el-table-column align="center" label="排序" fixed width="130">
   <template slot-scope="scope">
      <el-button
        @click="upLayer(scope.$index,scope.row)"
        icon="el-icon-top"
        size="mini"
      ></el-button>
      <el-button
        @click="downLayer(scope.$index,scope.row)"
        icon="el-icon-bottom"
        size="mini"
      ></el-button>
    </template>
 </el-table-column>

**

script部分

**

  upLayer(index, row) {
    var that = this;
    if (index == 0) {
      that.$message({
        message: "处于顶端，不能继续上移",
        type: "warning"
      });
    } else {
      let upDate = that.prodata[index - 1];
      that.prodata.splice(index - 1, 1);
      that.prodata.splice(index, 0, upDate);
    }
  },
  downLayer(index, row) {
    var that = this;
    if (index + 1 === that.prodata.length) {
      that.$message({
        message: "处于末端端，不能继续下移",
        type: "warning"
      });
    } else {
      let downDate = that.prodata[index + 1];
      that.prodata.splice(index + 1, 1);
      that.prodata.splice(index, 0, downDate);
    }
  }