JAVASCRIPT
VUE
REACT
NODE
ES6
TYPESCRIPT

小程序一个属性实现多个元素切换

2018. 11. 28    

小程序一个属性实现多个元素切换

有时候需求是要从列表中要删除一些项目,这些项目的属性是dellink: true

xhtml:

<view class='containerList'  wx:for='' wx:key='this'  wx:if=""  data-id="">
  <view class='delview' data-delindex="" catchtap="dellink">
    <text>删除</text>
  </view>
</view>

选择其中一个删除,如果单一的改变dellink: true,则全部列表都不显示,所有要实现对应的删除(点哪个删哪个效果)

Page({
  data:{
    progress: {},
    dellink: true,
  },
    dellink:function(e){
        var indexl = e.currentTarget.dataset.delindex;
        var dellinkb = "progress[" + indexl + "].dellink";
        var progress = this.data.progress;
        this.setData({
          [dellinkb]:false,
        })
        progress.splice(indexl, 1);
        this.setData({
          progress: progress,
        })
        wx.request({
            url: '...',
            method: 'POST',
            data: {
                ....
            },
            header: {
                'content-type': 'application/x-www-form-urlencoded'// 默认值
            },
            success(res) {
                ....
            }
        })
    }
  
})