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

本文主要是介绍Vue3 组件方法暴露给其他组件调用 defineExpose使用，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

介绍

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

子组件

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

import { ref, defineExpose } from 'vue'
function resetFrom() { //重置表单formRef.value.resetFields()regionList.value = []cityList.value = []
}defineExpose({resetFrom //暴露方法
});

父组件

<District ref="batchExtraction" </District>

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

这篇关于Vue3 组件方法暴露给其他组件调用 defineExpose使用的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---