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

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

        不知道你们用过滴答清单没？点击勾取，处于上面几排的待办事项会沉到最下面去。这个要怎么实现呢？

1.wxml

<view wx:for="{{array}}" wx:key="array" data-index="{{index}}" bindtap="change">
    {{item.num}}
    <button>button</button>
</view>

2.js

data:{
    array:[
        {
            num:1
        },
        {
            num:2
        }
    ]
},
change:function(e){
    var index = e.currentTarget.index;

    //数组的处理不能放在this.setData({})里面，会报错
    var array = this.data.array.splice(index,1);
    //删除数组array[index]位置上的1个元素，原数组会改变

    var array1 = this.data.array.concat(array);
    //拼接两个数组，原数组并不会改变
    this.setData({
        array:array1
    })
}