怎么在微信小程序中實(shí)現(xiàn)一個(gè)長(zhǎng)按刪除圖片功能？很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來(lái)學(xué)習(xí)下，希望你能有所收獲。

創(chuàng)新互聯(lián)制作網(wǎng)站網(wǎng)頁(yè)找三站合一網(wǎng)站制作公司,專注于網(wǎng)頁(yè)設(shè)計(jì),成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì),網(wǎng)站設(shè)計(jì),企業(yè)網(wǎng)站搭建,網(wǎng)站開發(fā),建網(wǎng)站業(yè)務(wù),680元做網(wǎng)站,已為1000多家服務(wù),創(chuàng)新互聯(lián)網(wǎng)站建設(shè)將一如既往的為我們的客戶提供最優(yōu)質(zhì)的網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷推廣服務(wù)!

解決辦法

1. 長(zhǎng)按事件是用bindlongpress(不會(huì)跟點(diǎn)擊事件bindtap沖突);

2. 在wxml中添加索引index,然后在js中用currentTarget.dataset.index獲取當(dāng)前元素下標(biāo)

3. 通過(guò)splice方法刪除splice(index,1),刪除一個(gè)當(dāng)前元素

具體實(shí)現(xiàn)

在wxml中添加 bindlongpress="deleteImage" data-index="{{index}}" 來(lái)綁定事件并添加索引index

deleteImage: function (e) {
  var that = this;
  var images = that.data.images;
  var index = e.currentTarget.dataset.index;//獲取當(dāng)前長(zhǎng)按圖片下標(biāo)
  wx.showModal({
   title: '提示',
   content: '確定要?jiǎng)h除此圖片嗎？',
   success: function (res) {
    if (res.confirm) {
     console.log('點(diǎn)擊確定了');
     images.splice(index, 1);
    } else if (res.cancel) {
      console.log('點(diǎn)擊取消了');
      return false;    
     }
    that.setData({
     images
    });
   }
  })
 }

刪除部分的代碼

注意currentTarget與target的區(qū)別

1. currentTarget:綁定的事件當(dāng)前元素及其子元素都會(huì)觸發(fā)

2. target: 綁定的事件 子元素不會(huì)被觸發(fā)事件

看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對(duì)創(chuàng)新互聯(lián)的支持。

名稱欄目：怎么在微信小程序中實(shí)現(xiàn)一個(gè)長(zhǎng)按刪除圖片功能-創(chuàng)新互聯(lián)
標(biāo)題網(wǎng)址：http://weahome.cn/article/gdjdh.html