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()
posted @ 2024-07-25 10:40  DL·Coder  阅读(10)  评论(0编辑  收藏  举报