关于上移下移，一行代码完成数据交换

最新推荐文章于 2023-06-09 15:24:32 发布

-Dayer-

最新推荐文章于 2023-06-09 15:24:32 发布

阅读量2k

点赞数 1

分类专栏： JavaScript vue 文章标签：上移下移一行代码交换

本文链接：https://blog.csdn.net/WDCCSDN/article/details/84794929

版权

JavaScript 同时被 2 个专栏收录

46 篇文章 0 订阅

订阅专栏

vue

37 篇文章 0 订阅

订阅专栏

      onMoveUp (index) {
          if (index !== 0) {
          this.swapArray(this.dataList, index, index - 1)
        } else {
          this.$message({message: '已经处于置顶，无法上移', type: 'warning'})
        }
      },
      onMoveDown (index) {
        let len = this.dataList.length
        if (index + 1 !== len) {
          this.swapArray(this.dataList, index, index + 1)
        } else {
          this.$message({message: '已经处于置底，无法下移', type: 'warning'})
        }
      },
      swapArray (arr, indexOne, indexTwo) {
        arr[indexOne] = arr.splice(indexTwo, 1, arr[indexOne])[0]
        return arr
      }