微信小程序数组元素的下沉（二）

微信小程序待办清单勾选事件

       还是就像前一节所讲的那样，我们都用过tick这样的软件，点击待办事件的时候，会down到页面底部，再点击又可以恢复到顶部。

       这次我通过使用两个数组实现这个效果。下面就附上我的代码啦~

1、首先是.js文件，注意咯！！！this.setData里面是不可以使用splice、slice、concat这样的函数的嗷！

//.js文件
data:{
    array:[{flag:1},{flag:2},{flag:3}],
    array1:[]
},
finish:function(e){
    var that = this;
    var len = this.data.array1.length;//获取目标数组的长度
    var index = e.currentTarget.dataset.index;//获取数组当前元素的下标
    var array3 = this.data.array.splice(index,1);//使用splice删除原数组下标为index的元素并返回给array3
    var array2 = this.data.array1.concat(array3);//将原数组钟删掉的元素拼在目标数组的下面
    this.setData({
      array:this.data.array,//将这个函数里面改变了的array赋给data里面的array
      array1:array2//将函数中定义的array2赋给目标数组
    })
}

2、.wxml文件，我就随便写写啦！

    <view wx:for="{{array}}" wx:key="array" data-index="{{index}}">
        {{item.flag}}
    </view>