微信小程序_在当前页面刷新数据 / 重载当前页面

在项目中我们需要删除某条数据时无法及时更新数据

需求:点击某条数据进行删除,没有及时刷新页面数据,(举个栗子)😀点击当前数据项下的目录

点击删除,执行删除操作

但是按下后,请求也发送过去了,服务器端数据已经将这条数据删除,但是页面没有局部刷新.

解决方法: 经过查询和思考(抓头发),发现了获取该表列表的请求方法写在了onLoad里面

/*** 生命周期函数--监听页面加载*/onLoad: function (options) {this.getFamilyInfo() //获取家庭信息},

在请求删除的方法中调用this.onReady()

if (code == 200) {wx.showToast({title: '该成员已删除',icon: 'success',duration: 1500,})// 清空表单this.setData({memberInfo: {}})this.onReady()}

修改调用的钩子函数后:

/*** 生命周期函数--监听页面初次渲染完成*/onReady: function () {this.getFamilyInfo() //获取家庭信息},

补充:

onLoad & onReady 区别

onLoad

只触发一次，页面加载时触发( dom 未渲染完成)，但从二级页面返回时不会触发 (使用navigateBack()回跳是可以重新执行onLoad)，以及 tabBar 首次会执行 onload，第二次进入 onload 不会执行。但我们在这里进行参数传递

onReady

页面首次渲染完成时触发(这时 dom 已经渲染完成)。一个页面只会调用一次，代表页面已经渲染完毕，可以进行视图层交互等。界面内容进行设置的 API ,比如 wx.hideNavigationBarLoading，可以在onReady之后进行。这里是微信官方释义,加深自身理解