小程序的刪除怎麼作無刷新的

今天在作小程序的時候忽然發現，咦！這個刪除怎麼作嘞！怎麼讓他不刷新數據移除呢！

在作pc版的時候，就是直接向後臺發起ajax請求，而後從數據庫直接將數據刪除掉，在返回給前臺一個狀態碼！而後直接this他的父級，直接移除便可

可是在小程序是沒有dom元素的，因此咱們是須要換一種思惟方式去解決這個問題

前臺的全部數據都是從數據庫讀取出來，而後進行渲染

小程序有個強大的函數那就是this.setData();

3.小程序獲取到數據後，大多數狀況下是一個數組。

4.將這個數組保存到緩存裏邊

5.使用緩存來渲染數據

6.當點擊刪除的時候，直接將數組的下標和數據的id返回到js，數組下標用來刪除緩存緩存裏邊的數據，數據id用來直接刪除數據庫數據

7.js有相應刪除數組方法

8.將刪除後的數據在一次存放到緩存裏邊

9.使用this.setData({});把這個須要渲染的值在進行設置便可

// 刪除團隊成員
    onTapDelMember: function (e) {
      var that = this;
      // 獲取團隊成員
      var memberList = wx.getStorageSync('memberList');
      console.log(memberList)
      // 獲取團隊成員id
      var id = e.currentTarget.dataset.memberid;
      console.log(id)

      wx.showModal({
        title: "提示",
        content: "肯定刪除此項目？",
        mask: !0,
        success: function (e) {

          // 刪除對應的索引
          var memberLists = memberList.splice(id, 1);
          // 存入緩存
          var kaka = wx.setStorageSync('memberList', memberList);

          var getKaka = wx.getStorageSync('memberList');

          that.setData({
            memberList: getKaka
          });
        }
      });
     
      
    },