copyWithin简单排序例子

最新推荐文章于 2024-07-29 11:53:27 发布

Memory灬番薯

最新推荐文章于 2024-07-29 11:53:27 发布

阅读量112

点赞数 1

分类专栏：小案例文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/Min_Programmer/article/details/127379835

版权

小案例专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<view class="roadTeamCon">
 
    <view class="movableBox">
      <view class="movableBox">
        <view a:for="{{roadTeamList}}" class="card-item " data-index="{{index}}">
          <view class="classBox">
            <view class="className">
              {{item.className}}
            </view>
            <view class="leaveSchoolTypeName">
              {{item.leaveSchoolTypeName}}
            </view>
            <view class="imgBox" a:if="{{index != 0}}">
              <image onTap="hanldTop" data-type="addOne" data-index="{{index}}" data-item="{{roadTeamList}}" class="image1"  src="{{imgUrl}}/tab4/moveUp.png"/>
              <image onTap="hanldTop" data-type="addAll" data-index="{{index}}" data-item="{{roadTeamList}}" class="image1"  src="{{imgUrl}}/tab4/roadTopping.png"/>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>

 hanldTop(e) {
    var target = e.target.dataset
    var index = e.target.dataset.index
    var item = e.target.dataset.item
    var temp = null

    //上移
    if (target.type == "addOne") {
    
      temp = item[index - 1];
     
      item = item.copyWithin(index - 1, index, index + 1);//target, start, end
      item[index] = temp;
      this.setData({
        roadTeamList: item
      })
    }
    //置顶
    else if (target.type == 'addAll') {
      var roadTeamList = this.data.roadTeamList
      roadTeamList.map((item, ids) => {
        if (ids == index) {
          roadTeamList.unshift(roadTeamList.splice(ids, 1)[0]);
        }
      })
      this.setData({
        roadTeamList: roadTeamList
      })
    }
  },