写微信小程序的返单时,长按删除图片

本文详细介绍了在小程序中实现图片删除功能的方法。通过长按图片触发删除确认对话框,确认后从图片数组中移除相应图片,并更新视图。文章展示了具体的代码实现,包括如何获取图片下标、使用wx.showModal进行确认以及setData方法更新页面。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

长按删除图片,

deleteImage:function(e){

  var that = this;

  var files1 = that.data.files1;

  var picPaths = that.data.picPaths;

  var index = e.currentTarget.dataset.index;//获取当前长按图片下标

  wx.showModal({

    title: '提示',

    content: '确定要删除此图片吗?',

    success: function (res) {

    if (res.confirm) {

      files1.splice(index, 1);

      picPaths.splice(index, 1);

    } else if (res.cancel) {

      return false;

    }

    that.setData({

      files1: files1,

      picPaths: picPaths

    });

    }

  })

}

 开始没加

that.setData({

      files1: files1,

      picPaths: picPaths

    });

这段,修改完图片数组页面没有变,setdata之后就好了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值