Vue3 组件方法袒露给其他组件调用 defineExpose使用

先容

Vue2 父组件可以使用ref 调用子组件内部的方法，而vue3 无法直接通过ref举行调用内部方法，必要将组件的方法袒露。
子组件

将改方法袒暴露去，给父组件调用

1. import { ref, defineExpose } from 'vue'
2. function resetFrom() { //重置表单
3.     formRef.value.resetFields()
4.     regionList.value = []
5.     cityList.value = []
6. }
8. defineExpose({
9.     resetFrom //暴露方法
10. });

复制代码

父组件

1. <District ref="batchExtraction"
2. </District>

复制代码

1. const batchExtraction = ref(null)
2. function batchExtractionResetFrom() { //表单重置
3.     batchExtraction.value.resetFrom()  //调用子组件方法
4. }

复制代码