微信小程序 - 自定义组件中类似页面 onShow 的页面显示就触发的生命周期钩子函数(页面回退时更新数据常用, 例如回退页面更新子组件数据, 回退更新子组件中 data 内容)

122 篇文章 1131 订阅 ¥19.90 ¥99.00
在微信小程序中,当用户回退页面需要更新自定义子组件的数据时,通常页面的onShow无法触达子组件。本文提供解决方案,通过支持Vue2/Vue3语法的示例代码,展示如何在子组件中实现类似onShow的生命周期钩子,确保回退时能正确更新子组件内部data内容。
摘要由CSDN通过智能技术生成

前言

在微信小程序中,用户回退页面触发更新数据的操作,一般都是在 页面 onShow() 中写上执行更新的函数即可。

但如果咱们把数据和方法都写在了自定义子组件中,那么用户回退页面时,更新数据就成了问题,因为子组件中没有 onShow , 执行不到更新数据操作的函数。


如下图所示,支持 Vue2 / Vue3 语法,可以轻松解决:

详细示例代码及说明

在这里插入图片描述

示例代码

代码干净整洁,可直接复制或整合到您的项目中。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

王佳斌

请作者喝杯咖啡 :)

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值