首页 > 其他分享 >uni-app组件 子组件onLoad、onReady事件无效

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

时间:2024-09-06 18:24:39浏览次数:3  
标签:onLoad console log onReady app 组件


导文

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

解决方法

在这里插入图片描述

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

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

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

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

标签:onLoad,console,log,onReady,app,组件
From: https://blog.51cto.com/u_15967048/11939054

相关文章

  • Element UI 的弹窗组件问题
    当在ElementUI的弹窗组件中打开另一个弹窗时,可能会出现多层遮罩的问题。这可能导致用户界面不友好,并且影响用户体验。为了解决这个问题,您可以尝试以下几种方法:设置遮罩层的append-to-body属性:在ElementUI弹窗组件中,可以尝试设置append-to-body属性为true。这样可以确保......
  • 好用js前端验证组件parsley.js
    找好用的前端验证组件过程中发现了parsley。大致看了下说明文档,支持required、url、email、长度、范围、正则验证,基本上够用了,而且支持中文,本身没有css方便配合其它css框架使用,样式也是很好定义。简直非常好用了。结合bootstrap写个demo记录下。<!DOCTYPEhtml><htmllang="en">......
  • Vue组件之间的传值
    一、父组件给子组件传值:prop1、父组件部分:在调用子组件的时候,使用v-bind将msg的值绑定到子组件上:parentMsg=“msg”<child-component:parentMsg="msg"></child-component>//引入子组件importchildComponentform'@component/childComponent'exportdefault{ //注册子......
  • 【鸿蒙开发笔记】如何理解 UIAbility 组件以及它的生命周期
    UIAbility组件是一种包含了UI的应用组件,主要用于和用户交互。UIAbility组件是系统调度的基本单元,为应用提供绘制界面的窗口,一个应用可以有多个UIAbility组件。每一个UIAbility组件实例都会在最近任务列表中显示为一个对应的任务。那么就存在两种场景:如果要在任务......
  • 无用代码扫描组件设计
    01 前言在今年的敏捷团队建设中,我通过Suite在软件开发的过程中,维护一个干净、高效的代码库是非常重要的。随着项目的发展,系统越来越臃肿,开发过程中代码库往往会积累大量不再使用或者冗余的无用代码,这些无用代码不仅增加了系统的复杂度,还可能降低软件的运行效率,进而增加系统维护成......
  • petite-vue 组件的 mounted 回调发生在 nextTick() 任务之后
    在使用petite-vue开发项目时,有一个列表视图,每个列表项是一个自定义组件。在向列表视图的数组数据添加数据后,希望通过EventBus触发一个事件,让新的列表项组件mounted回调可以响应这个事件。当使用PetiteVue.nextTick()传入回调函数来触发事件时,发现新的组件并没有响应该事......
  • OPenCV结构分析与形状描述符(5)查找图像中的连通组件的函数connectedComponents()的使用
    操作系统:ubuntu22.04OpenCV版本:OpenCV4.9IDE:VisualStudioCode编程语言:C++11算法描述connectedComponents函数计算布尔图像的连通组件标签图像。该函数接受一个具有4或8连通性的二值图像,并返回N,即标签总数(标签范围为[0,N-1],其中0代表背景标签)。ltype参数指......
  • element-plus中的el-table组件tooltip显示错位
    问题描述:element-plus组件库中的el-table组件有一个show-overflow-tooltip属性,设置为true时如果表格中数据过长就会显示一个浮动窗口就像这样而有时这个小浮窗会有错位的问题像是这样,会导致靠上的列浮窗直接越界不显示问题原因table下的tooltip是fixed定位。positi......
  • Selector组件的用法
    文章目录知识回顾使用方法builder属性selector属性shouldRebuild属性child属性示例代码我们在上一章回中介绍了组件之间共享数据相关的内容,本章回中将继续介绍该内容.闲话休提,让我们一起TalkFlutter吧。知识回顾我们在前面章回中介绍了全局共享数据相关的内容,......
  • HarmonyOS NEXT开发:ArkUI组件动画-打造组件定制化动效
    组件动画ArkUI为组件提供了通用的属性动画和转场动画能力的同时,还为一些组件提供了默认的动画效果。例如,List的滑动动效,Button的点击动效,是组件自带的默认动画效果。在组件默认动画效果的基础上,开发者还可以通过属性动画和转场动画对容器组件内的子组件动效进行定制。使用组......