例如有一个组件 <DeviceInfoForm ref="formRef"/>
在父组件可以用过 formRef.value.open(type, id)
调用这个组件的open
方法
子组件 在组合式 API 中是这么写的
<script setup lang="ts">
//定义一个方法
const open = () =>
{
//忽略
}
defineExpose({ open }) //通过这个方法暴露出去
</script>
但是如果是 tsx/jsx 的方式我要怎么写呢?
<script lang="tsx">
export default defineComponent({
name: 'Form',
props: {}
setup(props, { slots, expose, emit }) {
const open = () =>{}
defineExpose({ open }) //这里的写法,父组件似乎无法读取
return <></>
}
</script>
1
twofox OP |