element ui table表格实现tr行上下移动，并且改变序号顺序

大家好，欢迎来到IT知识分享网。

改变序号的前提是序号后台数据里定义的，未定义的不用管序号调整问题。

上移代码

moveUpHandle(index, row) {
      if (index > 0) {
        const param = {}
        param.number1 = row.id
        param.number2 = this.log[index - 1].id
        this.log[index - 1].number = param.number1
        row.number = param.number2
        const up = this.log[index - 1]
        this.log.splice(index - 1, 1)
        this.log.splice(index, 0, up)
      } else {
        this.$message({
          type: 'info',
          message: '已经是第一行，不可上移'
        })
      }
    },

同理，下移代码为

moveDownHandle(index, row) {
      if ((index + 1) === this.log.length) {
        this.$message({
          type: 'info',
          message: '已经是最后一行，不可下移'
        })
      } else {
        const param = {}
        param.number1 = row.number
        param.number2 = this.log[index + 1].number
        this.log[index + 1].number = param.number1
        row.number = param.number2
        const down = this.log[index + 1]
        this.log.splice(index + 1, 1)
        this.log.splice(index, 0, down)
      }
    }