vue3父组件调用子组件方法
vue3父组件调用子组件方法
·
vue3 setup语法糖中用法
<!-- 父组件 -->
<template>
<PlaceTree ref="treeRef" />
</template>
<script lang='ts' setup>
import PlaceTree from './placeTree.vue'; //引入子组件
const treeRef = ref<any>();
function handleSubmit() {
// 调用子组件
treeRef.value.test();
}
</script>
<!-- 子组件 -->
<script lang='ts' setup>
// 父组件要调用的方法
function test() {
…………方法内容
}
// 需要向父组件暴露方法
defineExpose({ test });
</script>
更多推荐
已为社区贡献1条内容
所有评论(0)