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

简介: 突然发现在项目中,组件 子组件的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的生命周期函数对逻辑进行处理。

您好,我是肥晨。

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

目录
相关文章
|
6月前
uni-app 4.13开发弹出层组件(二)弹出关闭功能
uni-app 4.13开发弹出层组件(二)弹出关闭功能
127 0
|
6月前
uni-app 4.9封装badge组件
uni-app 4.9封装badge组件
85 0
|
6月前
uni-app 4.7封装头像组件
uni-app 4.7封装头像组件
66 0
|
16天前
|
缓存 小程序 索引
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
92 1
|
17天前
|
存储 API 数据库
uniapp APP自动更新组件
uniapp APP自动更新组件
39 1
|
18天前
|
存储 前端开发 UED
uni-app:基础组件 (下)
本文介绍了多种前端组件及其用法,包括:label 组件用于表单元素的标签;picker 组件用于实现日期、时间及普通列表的选择器;textarea 组件用于输入多行文本,并可通过 v-model 双向绑定数据;process 组件用于显示进度条;swiper 组件用于轮播图展示;match-media 组件根据屏幕尺寸展示内容;audio 组件用于播放音频;switch 组件用于开关选择;scroll-view 组件实现滚动视图功能;以及 storage 的使用方法,如设置、获取和移除本地存储等。
|
18天前
|
存储 前端开发 JavaScript
uni-app:基础组件 (上)
本文介绍了uni-app中多个组件的使用方法,包括存储操作、图标展示、按钮样式、表单输入、导航跳转和输入框控制等。通过具体代码示例展示了如何设置存储键值、使用不同类型的按钮、实现表单提交与重置功能、控制输入框的显示与清除等功能。
|
2月前
|
移动开发 小程序 前端开发
uni-app组件样式修改不生效
uni-app组件样式修改不生效
|
3月前
|
XML 数据格式
【Azure Logic App】在Logic App中使用 Transfer XML组件遇见错误 undefined
【Azure Logic App】在Logic App中使用 Transfer XML组件遇见错误 undefined
|
4月前
|
存储 前端开发
useEffect问题之在子组件的副作用中更新父组件的状态如何解决
useEffect问题之在子组件的副作用中更新父组件的状态如何解决