說明

最近在學(xué)小程序,遇到長(zhǎng)按圖片刪除的問題,特此記錄,記錄自己的成長(zhǎng)軌跡

需求:

長(zhǎng)按刪除指定圖片

需要解決的問題

長(zhǎng)按事件如何表示出來?

如何獲取當(dāng)前長(zhǎng)按元素的下標(biāo)?

如何刪除元素?

解決辦法

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

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

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

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

在wxml中添加 bindlongpress="deleteImage" data-index="{{index}}" 來綁定事件并添加索引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ì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持編程之家。

總結(jié)

以上是編程之家為你收集整理的微信小程序?qū)崿F(xiàn)長(zhǎng)按刪除圖片的示例全部?jī)?nèi)容，希望文章能夠幫你解決微信小程序?qū)崿F(xiàn)長(zhǎng)按刪除圖片的示例所遇到的程序開發(fā)問題。

如果覺得編程之家網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將編程之家網(wǎng)站推薦給程序員好友。

本圖文內(nèi)容來源于網(wǎng)友網(wǎng)絡(luò)收集整理提供，作為學(xué)習(xí)參考使用，版權(quán)屬于原作者。

如您喜歡交流學(xué)習(xí)經(jīng)驗(yàn)，點(diǎn)擊鏈接加入交流1群：1065694478(已滿)交流2群：163560250

總結(jié)

以上是生活随笔為你收集整理的微信小程序 长按图片不出现菜单_微信小程序实现长按删除图片的示例的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。