美文网首页
JS数组排序

JS数组排序

作者: 乐此不疲吶 | 来源:发表于2023-05-21 17:00 被阅读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);
        },
    

    相关文章

      网友评论

          本文标题:JS数组排序

          本文链接:https://www.haomeiwen.com/subject/ndzasdtx.html