vue3+ts 使用ref让父组件调用子组件中的方法

本文已参加[新人创作礼]活动，一起开启掘金创作之路。

今天要讲的是今天项目中遇到一个bug，主要就是当子组件数组发生动态改变的时候，父组件不能响应式获取子组件中的值。通过百度以及艾特哥的技术支持，终于改好了这一bug，下面就是上代码。

父组件的代码：

1、第一步在子组件绑定上ref，通过绑定ref 2、在初始化ref上定义的变量

3、在子组件中将方法暴露出来

4、在父组件中进行调用

需要注意的是使用的组件，这个组件是默认关闭的，父组件是获取不到子组件的内容的。所以需要在子组件中使用defineExpose()方法导入想要在父组件中使用的内容。