uni-app组件 子组件onLoad、onReady事件无效

在这里插入图片描述

文章目录


导文

突然发现在项目中,组件 子组件的onLoad、onReady事件无效
打印也出不来值 怎么处理呢?

解决方法

在这里插入图片描述

	mounted() {
		console.log('onLoad', this.dateList);//有效
		// this.checkinDetails()
	},
	onReady() {
		console.log('onReady', this.dateList);//无效
	},

最终将onLoad,onReady换成mounted/created 替代解决了问题。

在uni-app的组件中可以直接使用Vue的生命周期函数对逻辑进行处理。

您好,我是肥晨。
欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。

  • 12
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
uni-app的生命周期函数包括应用生命周期函数和页面生命周期函数。 应用生命周期函数包括: - onLaunch:当uni-app初始化完成时触发,全局只触发一次。 - onShow:当uni-app启动,或从后台进入前台显示时触发。 - onHide:当uni-app从前台进入后台时触发。 - onError:当uni-app报错时触发。 页面生命周期函数包括: - onLoad:监听页面加载,其参数为上个页面传递的数据,参数类型为Object(用于页面传参)。 - onShow:监听页面显示。页面每次出现在屏幕上都会触发,包括从下级页面返回露出当前页面。 - onReady:监听页面初次渲染完成。 - onHide:监听页面隐藏。 - onUnload:监听页面卸载。 这些生命周期函数在不同的阶段会触发,可以在对应的函数中编写相应的逻辑代码。\[1\] \[2\] #### 引用[.reference_title] - *1* [uni-app —— uni-app的生命周期](https://blog.csdn.net/Bonsoir777/article/details/127895952)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [uni-app 生命周期](https://blog.csdn.net/YWW_ABC/article/details/121720505)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

奶糖 肥晨

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明:

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

余额充值