vue后台管理个人头像与右上角图片联动

需求：个人修改头像 右上角图片随之变化

右上角图片展示部分

我的信息页面js部分 获取数据成功后

右上角页面赋值js部分

还有一种发送事件的方法

我的信息页面js部分 获取数据成功后：

this.$emit('changeHead', this.data.avatar); //发送事件 changeHead是事件名 后面是发送的值

右上角图片页面js 在created部分

this.$on('changeHead', (head) => { //接收事件 changeHead是事件名 head是接收的形式参数值 也就

是 this.data.avatar = head

        this.headImg = head;    //赋值 也即是 this.data.avatar = head = this.headImg
        
    });
    
    

参考文章： juejin.cn/post/705414…