数组元素上下移动 vue

      <el-button :disabled="index == 0" @click="rRup(item, index)"
              ><i class="el-icon-arrow-up"></i
            ></el-button>
            <el-button
              :disabled="index == rightList.length - 1"
              @click="rRdown(item, index)"
            >
              <i class="el-icon-arrow-down"></i
            ></el-button>
 // 向上
    rRup(item, index) {
      let arr = this.rightList;
      arr.splice(index - 1, 1, ...arr.splice(index, 1, arr[index - 1]));
    },
    // 向下
    rRdown(item, index) {
      let arr = this.rightList;
      arr.splice(index, 1, ...arr.splice(index + 1, 1, arr[index]));
    },
        // 向上
    rRup(item, index) {
      let arr = this.rightList;
      arr.splice(index - 1, 1, ...arr.splice(index, 1, arr[index - 1]));
    },
    // 向下
    rRdown(item, index) {
      let arr = this.rightList;
      arr.splice(index, 1, ...arr.splice(index + 1, 1, arr[index]));
    },
    // 删除元素
    rDelete(item, index) {
      this.rightList.splice(this.rightList.indexOf(item), 1);
    },