首页 > 其他分享 >在父组件中监听子组件页面是否加载完毕

在父组件中监听子组件页面是否加载完毕

时间:2022-09-29 20:24:43浏览次数:49  
标签:... vue 钩子 组件 mounted 监听 加载

在父组件中监听子组件页面是否加载完毕

// Parent.vue
<Child @mounted="doSomething"/>
    
// Child.vue
mounted() {
  this.$emit("mounted");
}

//  Parent.vue
<Child @hook:mounted="doSomething" ></Child>

doSomething() {
   console.log('父组件监听到 mounted 钩子函数 ...');
},
    
//  Child.vue
mounted(){
   console.log('子组件触发 mounted 钩子函数 ...');
},    
    
// 以上输出顺序为:
// 子组件触发 mounted 钩子函数 ...
// 父组件监听到 mounted 钩子函数 ...

标签:...,vue,钩子,组件,mounted,监听,加载
From: https://www.cnblogs.com/jia-zq/p/16742908.html

相关文章

  • 图片懒加载
    vue语法实现图片懒加载一般网上说的懒加载都是说给图片src指定一张小的空白图片,真实url放在自定义的属性中,在图片进入视口后替换src在加载图片但在实际开发中,有时候会遇......
  • 简单组件讲解
    在编程阶段,会遇到有些页面的某一区域的布局或数据显示类似;那么我们就可以复用这一段代码;在使用原生JS编程时,我们习惯是将代码抽出来自成一个文件,需要时引入即可。而在v......
  • 反射之类的加载器
    反射之类的加载器@Testpublicvoidtest1(){//对于自定义类,使用系统类加载器进行加载ClassLoaderclassLoader=ClassLoaderTest.class.getClass......
  • 关于IDEA发出基于APR的本地库加载失败错误的解决------->求解决!
    问题描述在没有使用Maven项目启动该Project时,Tomcat可以正常使用,但在这里会显示这样的错误:这个错误,已经查了两天了,相关文件以及解决方法已经翻烂了,还没有解决,放出来......
  • 修改生产订单组件——CO_XT_COMPONENT_CHANGE
    修改组件仓库的范例DATA:lv_poTYPEcoxt_ord_key,ls_componentTYPEcoxt_s_ord_comp_key,ls_requTYPEcoxt_s_quantity,ls_requx......
  • drf之请求与响应,drf之视图组件,2个视图基类
    1.drf之请求与响应在继承drf中的APIView时Request它的请求对象request就不是原来的那个request了(具体去看APIView源码分析),所以没钱请求的request都是一个新的对象,这......
  • React函数组件和类组件的区别
    区别函数组件的性能比类组件的性能要高,因为类组件使用的时候要实例化,而函数组件直接执行函数取返回结果即可。为了提高性能,尽量使用函数组件。区别函数组件类组件是否有 ​......
  • React+hook+ts+ant design封装一个input和select搜索的组件
    前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从......
  • # 安卓中实现分页加载方案总结(一)——基于SmartRefreshLayout
    安卓中实现分页加载方案总结(一)——基于SmartRefreshLayout背景项目中多场景使用到了列表分页加载的操作,比如消息列表,先总结一下基于SmartRefreshLayout的分页加载方案。......
  • React+hook+ts+ant design封装一个table的组件
    前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从......