JS数组排序

2023-05-21  本文已影响0人  乐此不疲吶

table列表上有一个上移下移的功能


label.png

点击进行排序,数据为labelList。

    up(index) {
      const list = [ ...this.labelList ]
      if (index < 1) {
        this.$modal.msgError("已经是第一个了,无法上移");
        this.labelList = [ ...list ]
      } else {
        list[index] = list.splice(index - 1, 1, list[index])[0]
        this.labelList = [ ...list ]
      }
    },
    down(index) {
      const list = [ ...this.labelList ]
      if (index >= list.length - 1) {
        this.$modal.msgError("已经是最后一个了,无法下移");
        this.labelList = [ ...list ]
      } else {
        list[index] = list.splice(index + 1, 1, list[index])[0]
        this.labelList = [ ...list ]
      }
    },

然后删除

  delete(index) {
    this.labelList.splice(index, 1);
  }

新增

    addLabel() {
      const data = { tagName: "", inOut: true };
      this.labelList.push(data);
    },
上一篇下一篇

猜你喜欢

热点阅读