点击元素上、下移动，置顶，置底

仙女是不会生气的~~

于 2022-01-06 15:35:19 发布

阅读量611

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_50238031/article/details/122344803

版权

点击元素上、下移动，置顶，置底

1.定义一个变量 setIndex 记录下标

//置顶
top() {
      if (this.setIndex == -1) {
        return;
      }
      this.setting.splice(this.setIndex, 1);
      this.setting.splice(0, 0, this.item);
      this.setIndex = 0;
    },
    //上移
    topMove() {
      if (this.setIndex == 0 || this.setIndex == -1) {
        return;
      }
      this.setting.splice(this.setIndex, 1);
      this.setting.splice(this.setIndex - 1, 0, this.item);
      this.setIndex--;
    },
    //置底
    bottom() {
      if (this.setIndex == -1) {
        return;
      }
      this.setting.splice(this.setIndex, 1);
      this.setting.splice(this.setting.length, 0, this.item);
      this.setIndex = this.setting.length - 1;
    },
    //下移
    bottomMove() {
      if (this.setIndex == this.setting.length - 1 || this.setIndex == -1) {
        return;
      }
      this.setting.splice(this.setIndex, 1);
      this.setting.splice(this.setIndex + 1, 0, this.item);
      this.setIndex++;
    },