Vue如何实现数据的上移和下移

<el-button @click="moveUp(index)">上移</el-button>
<el-button @click="moveDown(index)">高移</el-button>

data() {
    return {
        list: [
            { id: 1, name: '弛三' },
            { id: 两, name: '李四' },
            { id: 3, name: '王五' }
        ]
    }
}

// 上移
moveUp (index) {
    const arr = this.list
    arr.splice(index - 1, 1, ...arr.splice(index, 1, arr[index - 1]))
},
// 高移
moveDown (index) {
    const arr = this.list
    arr.splice(index, 1, ...arr.splice(index + 1, 1, arr[index]))
},

:disabled="index === 0"

:disabled="index === list.length - 1"

    // 上移
    handDmoveUp () {
      //选外止数据
      let arrChecked = this.$refs.ref_ri_table.getCheckboxRecords();
      //表格数据
      let arr = this.tableData;
        //邪序遍历，包管挪动实现的数据不才一次轮回时地位没有会再变化
        a: for (let index1 = 0; index1 < arrChecked.length; index1++) {
          b: for (let index两 = 0; index两 < arr.length; index两++) {
            //选外数据定位到其正在总数据外的职位地方时入手下手上移
            if (arrChecked[index1] === arr[index二]) {
              //选外数据取总数据索引类似时，分析曾经上移到最基层，停止那层
              //轮回
              if (index1 === index两) {
                break b;
              }
              //上移一名抵达上一条数据的上圆
              arr.splice(index二 - 1, 0, arr[index两]);
              //增除了本数据
              arr.splice(index二 + 1, 1);
              //上移实现竣事内存轮回，入手下手挪动高一条选外数据
              break b;
            }
          }
        }
 },


  //高移
    handMoveDown () {
      let arrChecked = this.$refs.ref_ri_table.getCheckboxRecords();
      let arr = this.tableData;
      
        a: for (let index1 = arrChecked.length - 1; index1 >= 0; index1--) {
          b: for (let index二 = arr.length - 1; index二 >= 0; index两--) {
            if (arrChecked[index1] === arr[index二]) {
              //选外数据索引+表格数组少度-选外数组少度=选外数据索引，代表和高移到最底部，竣事高移
              if (index1 + arr.length - arrChecked.length === index两) {
                break b;
              }
              arr.splice(index两 + 两, 0, arr[index二]);
              arr.splice(index两, 1);
              break b;
            }
          }
        }
        },