点击任务的↑↓箭头 移动任务顺序

点击任务的↑↓箭头 ，移动任务顺序 。第一个任务和最后一个任务没有上下功能。

您的说明不太明确，看看这个回答是否是您想要的：在编辑完自己的Project时候, 准备使用自动计划, 然后选择移动到资源可用时, 每个任务的开始时间并不是按照我们的任务列表先后顺序开始的.修改方法 ->资源->调配选项 -> 调配顺序 -> 选择只按标识号

<div class="item" v-for="(item,index) in list" :key="index">
        <div class="left">{{item}}</div>
        <div class="right" v-if="index!==0&&index!==list.length-1">
            <span id='up' @click="upto(index)">↑</span>
            <span id='down' @click="downto(index)">↓</span>
        </div>
    </div>

        list:['第一个','第二个','第三个','第四个','第五个'],

        upto(index){
       if(index+1 != this.list.length){
        this.swapArray(this.list, index, index+1);
      }else{
        alert('已经处于置顶，无法上移');
      }
    },
    downto(index){
        if(index!= 0){
        this.swapArray(this.list, index, index-1);
      }else{
        alert('已经处于置底，无法下移');
      }
    },
    swapArray(arr, index1, index2) {
      arr[index1] = arr.splice(index2, 1, arr[index1])[0];
      return arr;
    },


        .item{
    display: flex;
    align-items: center;
    padding:0 30px;
    line-height: 50px;
    border-bottom:1px solid #ccc;
    .left{
        flex: 1;
    }
    .right{
        span{
            display: inline-block;
            width:30px;
            text-align: center;
            background: red;
            cursor: pointer;
        }
    }
}