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

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

  • 需求:点击某条数据进行删除,没有及时刷新页面数据,(举个栗子)😀
  • 点击当前数据项下的目录
    在这里插入图片描述
  • 点击删除,执行删除操作
    在这里插入图片描述
  • 但是按下后,请求也发送过去了,服务器端数据已经将这条数据删除,但是页面没有局部刷新.
    解决方法:
  1. 经过查询和思考(抓头发),发现了获取该表列表的请求方法写在了 onLoad 里面
	/**
   * 生命周期函数--监听页面加载
   */
	onLoad: function (options) {
    	this.getFamilyInfo() //获取家庭信息
  	},
  1. 在请求删除的方法中调用 this.onReady()
		if (code == 200) {
          wx.showToast({
            title: '该成员已删除',
            icon: 'success',
            duration: 1500,
          })
          // 清空表单
          this.setData({
            memberInfo: {}
          })
          this.onReady()
        }
  1. 修改调用的钩子函数后:
	/**
   * 生命周期函数--监听页面初次渲染完成
   */
  	onReady: function () {
    	this.getFamilyInfo() //获取家庭信息
  	},
  1. 补充:
    onLoad & onReady 区别

onLoad

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

onReady

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

文章标签:

原文连接:https://blog.csdn.net/Huang_milk/article/details/119807544

相关推荐

【小程序】快来开发你的第一个微信小游戏(详细流程)

【微信小程序】使出千手浮图—回滚式

Java模拟微信来电提醒

Zabbix5.0配置企业微信告警

树莓派实战:微信机器人(itchat实现)

微信支付APIV3统一支付接口(H5、JSAPI、H5、App、小程序)

微信小程序 h5页面跳转小程序(超详细讲解)

【微信小程序】开发入门篇(一)

微信小程序微信支付《JSAPI支付》APIV3详细教程

Springboot----项目整合微信支付(利用RabbitMQ延迟队列处理用户退款)

仿微信消息长按气泡菜单

Springboot----项目整合微信支付(用户取消订单)

Springboot----项目整合微信支付与RabbitMQ(使用RabbitMQ延迟插件实现订单管理)

多平台多渠道账号体系绑定第一篇,微信小程序篇

Springboot----项目整合微信支付(引入延迟队列实现订单过期取消以及商户主动查单)

【小程序专栏】第一个uniapp项目编译到微信开发者工具以及android真机运行

微信表情符号写入判决书,你发的OK、炸弹都可能成为“呈堂证供”

通过微信聊天记录简单分析热度

开发跨端微信小程序框架选型指南

Android (微信扫码登录) 获取微信二维码+扫码登录