vue父组件监听子组件是否加载完毕通过ref调用子组件的函数

通过@hook:mounted 子组件mounted之后,会调用此函数。这个函数中可以通过ref调该子组件。

<template>
  <div>
    <WQuery @hook:mounted="childMounted"></WQuery>
  </div>
</template>
<script>
import coms from "@/components/async.js";
export default {
     
  mounted() {
     
    console.log(this.$refs.form);
  },
  components: {
     
    ...coms
  },
  methods: {
     
    childMounted () {
     
      alert('childMounted')
    },
  },
};
</script>

相关推荐

  1. vue组件直接调用组件方法(通过ref

    2024-02-08 11:04:04       37 阅读
  2. 组件调用组件方法

    2024-02-08 11:04:04       42 阅读
  3. vue组件调用组件方法

    2024-02-08 11:04:04       33 阅读
  4. Vue.js 中组件调用组件方法

    2024-02-08 11:04:04       33 阅读
  5. 组件调用组件函数,获取组件变量

    2024-02-08 11:04:04       35 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-02-08 11:04:04       17 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-02-08 11:04:04       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-02-08 11:04:04       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-02-08 11:04:04       18 阅读

热门阅读

  1. uniapp 开发App 权限授权 js-sdk

    2024-02-08 11:04:04       33 阅读
  2. js实现LFU算法

    2024-02-08 11:04:04       38 阅读
  3. golang设置

    2024-02-08 11:04:04       41 阅读
  4. 2月05日,每日信息差

    2024-02-08 11:04:04       30 阅读
  5. npm_config_xxx

    2024-02-08 11:04:04       29 阅读
  6. 如何做零售企业满意度调查

    2024-02-08 11:04:04       34 阅读