小程序长按删除列

小程序长按删除列原列表

长按以后有弹出框提示点击确定了,删除成功

wxml代码:
<block wx:for="{{letterList}}" wx:key="this"  wx:if='{{item.id >0}}'>
        <view class='tab1' bindlongpress="delete" data-index="{{index}}">
          <view class='left'>
            <image  wx:if='{{item.type==1}}' src='../../images/baojia.png'></image>
            <image  wx:if='{{item.type==2}}'   src='../../images/kanfang.png'></image>
            <image  wx:if='{{item.type==3}}'   src='../../images/baobei.png'></image>
          </view>
          <view class='right'>
            <view>
                <text class='mimg'>{{item.title}}</text>
                <text class='mtle'>{{item.createtime}}</text>
            </view>
            <view>
                <text class='mtxt'>{{item.content}}</text>
            </view>
          </view>
        </view>        
      </block>
js代码:
delete: function (e) {
    var that = this;
    var letterList = that.data.letterList;
    var index = e.currentTarget.dataset.index;//获取当前长按图片下标
    wx.showModal({
      title: '提示',
      content: '确定要删除?',
      success: function (res) {
        if (res.confirm) {
          letterList.splice(index, 1);
        } else if (res.cancel) {
          return false;
        }
        that.setData({
          letterList: letterList
        });
      }
    })
  }

猜你喜欢

转载自blog.csdn.net/weixin_43349718/article/details/86677067