1、场景一：父组件A页面有个按钮触发，使得子组件B弹框出现，并且子组件有关闭按钮可以关闭弹框。
使用的是van-popup。该组件show 属性，如果为true就出现弹框，所以父组件A 注册prop属性show（与子组件保持一致），传给子组件，点击页面按钮将传入该属性的值传true，则子组件弹框就会出现。
但是发现点击子组件关闭弹框，并没有关闭。
原因：父组件没有注册close事件，去将传入show属性里的值置为false，所以在父组件A里注册该事件即可。
一句话汇总：保证父子组件的事件注册、子组件的属性都保持一致即可。
1、场景一：父组件A页面有个按钮触发，使得子组件B弹框出现，并且子组件有关闭按钮可以关闭弹框。使用的是van-po...
vue2父组件 vue2子组件 vue3父组件 vue3子组件 vue3官方详细使用provide inject地...
在Vue3中进行父子的通讯，原理和Vue2做法差不多 1.父组件向子组件传递数据：自定义属性props 2.子组件...
在Vue3中进行父子的通讯，原理和Vue2做法差不多 1.父组件向子组件传递数据：自定义属性props 2.子组件...
vue3 watch监听的两张方法 vue3 父组件调用子组件实例
vue3 中对 dialog 封装 子组件 父组件
Vue2.x组件通信12种方式写在后面了，先来 Vue3 的 Vue3 组件通信方式 props $emit ex...
1.组建通讯---父子组件通讯 父子通信通过props属性进行传值 父组件 子组件 1.组建通讯---子父组件通讯...
本文简介 点赞 + 关注 + 收藏 = 学会了 本文讲解 Vue 3.2 组件多种通讯方式的基础用法，并且使用了 ...
setup() 函数是 vue3 中，专门为组件提供的新属性。它为我们使用 vue3 的 Composition ...
本文标题：VUE3的组件通讯
本文链接：https://www.haomeiwen.com/subject/yxcpqdtx.html
网友评论