vue自定义事件的基本使用

因为新项目要写114个字段,所以今天试着封装了一个dialog表单组件

在优化关闭和提交按钮的时候,可以在父组件写事件,这时候自定义事件就能登场了

我先是这么操作了一番

父组件:

(在父组件上并没有任何的触发事件)

在created生命周期中写了$on,就像

最后在组件中传过去

这时候就在子组件中看看你哪个事件需要使用到父组件的handleCancel或另一个函数,这样写就行了

子组件:

(本来想用$parent的,不过再三考虑之后还是自定义事件解决吧,如果大佬看到这篇文章,希望可以帮我科普一下$parent的坏处,邮箱:z25896730@163.com)

然后就能在点击组件的取消、确定按钮时触发父组件的事件了

 

posted @ 2022-11-15 16:51  火锅总去麒麟座吃零食  阅读(35)  评论(0)    收藏  举报