vue3 ts 子组件暴露方法,父组件调用(父调用子的方法)
子组件
// 组件名称:discountModel
// 格式化数据
const fetchData = async () => {
const { code, result } = await remind();
if(code === 200) {
data.value = result
emit('update:show', true);
}
}
defineExpose({
fetchData
})
父组件
<DiscountModel v-model:show="showDiscountModel" ref="discountRef"/>
// 定义ref组件
const discountRef = ref<{ fetchData: () => void } | null>(null)
// 父调用子
discountRef.value?.fetchData()