1、场景一:父组件A页面有个按钮触发,使得子组件B弹框出现,并且子组件有关闭按钮可以关闭弹框。
使用的是van-popup。该组件show 属性,如果为true就出现弹框,所以父组件A 注册prop属性show(与子组件保持一致),传给子组件,点击页面按钮将传入该属性的值传true,则子组件弹框就会出现。
但是发现点击子组件关闭弹框,并没有关闭。
原因:父组件没有注册close事件,去将传入show属性里的值置为false,所以在父组件A里注册该事件即可。
一句话汇总:保证父子组件的事件注册、子组件的属性都保持一致即可。
VUE3的组件通讯
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 完整原文地址见简书https://www.jianshu.com/p/c8891bd3fe36[https://w...