今天在作小程序的时候忽然发现,咦!这个删除怎么作嘞!怎么让他不刷新数据移除呢!php
在作pc版的时候,就是直接向后台发起ajax请求,而后从数据库直接将数据删除掉,在返回给前台一个状态码!而后直接this他的父级,直接移除便可ajax
可是在小程序是没有dom元素的,因此咱们是须要换一种思惟方式去解决这个问题数据库
前台的全部数据都是从数据库读取出来,而后进行渲染小程序
小程序有个强大的函数那就是this.setData();数组
3.小程序获取到数据后,大多数状况下是一个数组。缓存
4.将这个数组保存到缓存里边dom
5.使用缓存来渲染数据函数
6.当点击删除的时候,直接将数组的下标和数据的id返回到js,数组下标用来删除缓存缓存里边的数据,数据id用来直接删除数据库数据this
7.js有相应删除数组方法code
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 }); } }); },