// 父组件 <template> <child ref="childRef"></child> </template> <script setup> import { ref } from "vue"; // 引入子组件 import child from "./child.vue"; // 获取子组件 const childRef = ref(null); const fun = () => { childRef.value.childFun();// 调用子组件的方法 } </script > // 子组件 <script setup> import { defineExpose } from 'vue' const childFun = () => { console.log('我是子组件方法') } // 重点！！这里需要使用defineExpose暴露出去 defineExpose({ childFun }) </script>
这里主要是用到defineExpose将属性从子组件暴露出去，文档中其实有，但是很不好找，文档中是这样写的：
 1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。 |
标签： #vue3script #ref
