vue 子组件中通过change事件来传值给父组件

背景

今天，遇到一个小问题，就是自定义上传组件，想在上传完文件后，对文件内容进行校验，需要调用后台接口，一时间有点懵圈，因为这是一个通用的组件，不应该为了一个需求而更改自己的组件逻辑。

知识点

其实，在vue中组件间通信也是有函数库的。可以了解一下emit函数。

实现逻辑

首先，子组件中使用emit函数来向父组件中传递参数；
然后，在父组件中设置响应的函数来接收子组件的传参即可实现；

实现步骤

子组件中创建emit函数调用传参

代码如下：