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

最新推荐文章于 2025-05-09 10:16:27 发布

原创最新推荐文章于 2025-05-09 10:16:27 发布 · 1.8k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

博客介绍了在Vue中，使用@hook:mounted，子组件mounted之后会调用相应函数，在此函数中可通过ref调用该子组件，涉及Vue和JavaScript相关知识。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通过@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>