溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

小程序?qū)崿F(xiàn)列表刪除功能

發(fā)布時(shí)間:2020-09-01 19:09:04 來(lái)源:腳本之家 閱讀:186 作者:紫雪璇雨 欄目:web開(kāi)發(fā)

本文實(shí)例為大家分享了小程序列表刪除功能的具體代碼,供大家參考,具體內(nèi)容如下

  • 地址簿刪除,先獲取當(dāng)前地址部分的id值,根據(jù)id值來(lái)刪除對(duì)應(yīng)的地址部分。
  • 獲取全部的地址信息,定義一個(gè)空的數(shù)組newallData,用來(lái)放置新的地址信息。
  • 在全部地址信息中刪除選中的id的地址信息,生成新的地址信息放入定義的空數(shù)組中。
  • 現(xiàn)在newallData就是刪除選中地址信息以后剩下的地址信息,在newallData中的信息渲染在頁(yè)面。

wml文件:

<!-- 刪除 -->
<view class="delete" bindtap="deleteaddress" data-id="{{ item.id }}">刪除</view>

js文件:

deleteaddress(e){
  let that = this;
  console.log(e);
  let deldeid = e.currentTarget.dataset.id;
  let allDatas = that.data.allData;
  let newallData = [];
  for (var i in allDatas) {
   var item = allDatas[i];
   if (item.id != deldeid) {
    newallData.push(item);
   }
  } 
  console.log(newallData)
  wx.showModal({
   'content': '確認(rèn)刪除該地址信息嗎?',
   'cancelColor': '#0076FF',
   'confirmColor': '#0076FF',
   success: function (res) {
    if (res.confirm) {
     console.log('用戶點(diǎn)擊確定')
     let url = getApp().Api_url + '/receiver/delete';
     requestd._post(url, { receiverId: e.currentTarget.dataset.id }, function (res2) {
      console.log(res2);
      if( res2.data.status == 1 ){
       that.setData({
        allData: newallData
       });
      }else{
       wx.showModal({
        'showCancel': false,
        'content': res2.data.message,
        'confirmColor': '#0076FF'
       })
      }
     }, function (res2) { })
    } else if (res.cancel) {
     console.log('用戶點(diǎn)擊取消')
    }
   }
  })

}

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持億速云。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI