网站建设公司价服装市场调研报告范文

实现过程（setup语法糖形式下）

1. 在子组件完成方法逻辑，并封装。
2. 在子组件中使用defineExpose暴露子组件的该方法。
3. 在父组件完成子组件ref的绑定。
4. 通过ref调用子组件暴露的方法。

子组件示例

<template>
</template><script setup>
import { defineEmits } from 'vue';// 方法的定义
const contentIsEmpty = () => {uni.showModal({title: `请先完成"${props.name}"的输入`,showCancel: false})
}// 暴露方法
defineExpose({contentIsEmpty
})
</script><style lang="scss" scoped>
</style>

父组件示例

<template><!-- 绑定ref --><ContentInput name="xxx" ref="contentInputRef"/>
</template><script setup>// 导入组件import ContentInput from '@/components/content/content.vue';// 定义refconst contentInputRef = ref(null)// 调用子组件所暴露的方法contentInputRef.value.contentIsEmpty()
</script><style lang="scss" scoped>
</style>