-
详解Vue3 SFC 和 TSX 方式调用子组件中的函数
发布时间:2022-10-21
在开发中会遇到这样的需求:获取子组件的引用,并调用子组件中定义的方法。如封装了一个表单组件,在父组件中需要调用这个表单组件的引用,并调用这个表单组件的校验表单函数或重置表单函数。要实现这个功能,首先要在子组件中暴露父组件需要调用的函数,然后去父组件中获取子组件的引用,最后通过子组件的引用调用子组件暴露的方法。1 子组件暴露方法1.1 SFC(.vue)暴露方法在使用.vue定义的组件中,setup中提供了defineExpose()方法,该方法可以将组件内部的方法暴露给父组件。创建子组件demo