当VUE兄弟组件传值时候用到bus事件中心,但是当A组件$emit时候,B在mounted接收($on)。会触发多次。
解决方法:
当A组件需要传值得时候用Bus.$emit触发,然后在B组件mounted中先销毁$off再接收$on
A组件:
tooSeeTeacherInfo(params){
this.isTeacherInfoShow=true
Bus.$emit('tooSeeTeacherInfo',this.isTeacherInfoShow)
}
B组件:
mounted() {
Bus.$off('tooSeeTeacherInfo')
Bus.$on("tooSeeTeacherInfo", data => {
this.isTeacherInfoShow = data;
});
}