微信小程序实现数组排序(向上向下移动)

首先在data里定义一个数组

arr: [{
        id: '1',
        name: '222',
      },
      {
        id: '3',
        name: '332',
      },
      {
        id: '5',
        name: '33',
      },

    ],

加一个点击事件(向上)

mySorts: function (e) {
    var index = e.currentTarget.dataset.index //获取下标
    // 在wxml里定义一下property 
    var ages = e.currentTarget.dataset.property //获取当前点击数组 
    console.log(ages)
    this.data.arr.splice(index - 1, 0, ages)
    this.data.arr.splice(index + 1, 1)
    this.setData({
      arr: this.data.arr
    })
  },

(向下的)

  bindtap1: function (e) {
    var index = e.currentTarget.dataset.index
    var ages = e.currentTarget.dataset.property
    this.data.arr.splice(index + 2, 0, ages)
    this.data.arr.splice(index, 1)
    this.setData({
      arr: this.data.arr
    })
  },

你可能感兴趣的:(微信小程序实现数组排序(向上向下移动))