vue3emit监听子组件事件

emit:在子组件中封装emit 事件,并返回数据、回调函数等,或单纯执行某个操作后,触发父组件的事件响应。
外部要用时,使用 @xxxx 来接收使用、响应。

1、给子组件中的button按钮添加一个handleUserInfo事件,在setup中调用emit事件,设置handleUserInfo对象,用于传递用户输入。

2、在handleUserInfo对象中,使用emit自定义一个inputinfo事件,传递的参数为username、content。

vue3emit监听子组件事件_第1张图片

 

3、父组件需要调用子组件的emit事件时,使用@xxx来接收。

父组件接收到去调用receiveInfo,同时获取了子组件emit事件传递的参数e(即子组件传递来的username、content)

vue3emit监听子组件事件_第2张图片

 

你可能感兴趣的:(前端,javascript,vue)