elementui + vue2实现表格行的上下移动

在使用Element UI和Vue 2实现表格行的上下移动时，可以通过以下步骤实现：

1. 在表格的每一行添加上移和下移的按钮。
2. 为每个按钮绑定点击事件，调用相应的方法来处理行移动。
3. 在方法中编写逻辑来调整数据数组中行的位置，以实现移动。

以下是一个简单的示例代码：

<template>
  <el-table :data="tableData" style="width: 100%">
    <!-- 其他列 -->
    <el-table-column label="操作">
      <template slot-scope="scope">
        <el-button @click="moveUp(scope.$index)">上移</el-button>
        <el-button @click="moveDown(scope.$index)">下移</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [
        // 数据列表
      ]
    };
  },
  methods: {
    moveUp(index) {
      if (index > 0) {
        const temp = this.tableData[index];
        this.tableData.splice(index, 1);
        this.tableData.splice(index - 1, 0, temp);
      }
    },
    moveDown(index) {
      if (index < this.tableData.length - 1) {
        const temp = this.tableData[index];
        this.tableData.splice(index, 1);
        this.tableData.splice(index + 1, 0, temp);
      }
    }
  }
};
</script>

在这个例子中，moveUp 和 moveDown 方法通过调用数组的 splice 方法来移动行。scope.$index 是当前行的索引，用于确定要移动的行。需要注意的是，这个例子没有添加任何边界检查，实际应用中可能需要添加额外的逻辑来防止数组越界等问题。