vue3 如何调用自定义组件方法

最新推荐文章于 2025-10-27 08:19:10 发布

原创最新推荐文章于 2025-10-27 08:19:10 发布 · 1.0k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue3

vue 专栏收录该内容

27 篇文章

订阅专栏

本文探讨了在Vue中如何使用ref和unref进行组件间的交互。通过示例展示了如何在setup语法糖中调用自定义组件的方法，同时指出在TypeScript环境中，尽管可以通过unref(customRef).someMethod()调用成功，但可能会出现警告。文章旨在帮助开发者理解如何在TS环境下正确操作自定义组件。

<template>

    <custom ref="customRef" />

</template>
<script lang="ts" setup >

  import { ref,unref } from 'vue'
  const customRef = ref()

  
  function showAddDialog() {
    /*
      通过unref获取自定义组件对象，
      当然通过customRef.value.someMethod()也是可以调成功的，
      但ts中会有警告。
    */
    unref(customRef).someMethod()
  }
</script>