vue中数组的值交换位置

参考文章:https://blog.csdn.net/namechenfl/article/details/83987701

 data () {
    return {
        tableData: [1,2,3]
    }
  }

数组的某一位与前一位交换(例:表格上移)

 // index 是索引位置
 var tempOption = this.tableData[index - 1]
 this.$set(this.tableData, index - 1, this.tableData[index])
 this.$set(this.tableData, index, tempOption)

数组的某一位与后一位交换(例:表格下移)

 //index 是索引位置
 var tempOption = this.tableData[index + 1]
 this.$set(this.tableData, index + 1, this.tableData[index])
 this.$set(this.tableData, index, tempOption)

你可能感兴趣的:(vue中数组的值交换位置)