VUE3的组件通讯

1、场景一:父组件A页面有个按钮触发,使得子组件B弹框出现,并且子组件有关闭按钮可以关闭弹框。
使用的是van-popup。该组件show 属性,如果为true就出现弹框,所以父组件A 注册prop属性show(与子组件保持一致),传给子组件,点击页面按钮将传入该属性的值传true,则子组件弹框就会出现。
但是发现点击子组件关闭弹框,并没有关闭。
原因:父组件没有注册close事件,去将传入show属性里的值置为false,所以在父组件A里注册该事件即可。
一句话汇总:保证父子组件的事件注册、子组件的属性都保持一致即可。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容