前言:有时候存在这样的情况,修改子组件的用户信息,父组件中的用户信息跟着响应
1.需求效果
2.修改父组件中的头像,子组件中的头像也跟着改变(不用等到重新加载页面)
思路:整个思路就是子组件中暴露获取用户账号信息的方法(getAccountInfo()),而父组件中只需要在修改成功后通过子组件的节点调用子账号获取用户账号信息的方法就可以达到修改父组件的头像,子组件也跟着响应
子组件
industryEdit()方法是修改头像,getAccountInfo()是获取用户账号信息的方法;defineExpose()是用于暴露方法的系统方法。
父组件:在子组件标签上设置节点ref="RealName"
3.修改子组件中的头像,父组件中的头像也跟着改变(不用等到重新加载页面)
思路:整个思路就是子传父,在父组件中触发方法中重新获取用户账号信息
父组件
子组件
4.拓展说明
如果是孙子组件中修改头像,父组件头像也要跟着响应也同样是通过子传父的方式一步一步触发