10.在父子组件通信中,要注意若$on触发n次,会造成$emit触发$on的次数是n倍
In case:中间件:父组件中的.vue methods:{listensub:()=>{//注意这个会多次成倍的触发connector.$on("phone",(msg)=>{console.log("msg===",msg);...
·
In case:
中间件:
父组件中的.vue
methods:{
listensub:()=>{//注意这个会多次成倍的触发
connector.$on("phone",(msg)=>{
console.log("msg===",msg);
})
},
offlistensub:()=>{
connector.$off("phone");
}
}
子组件中的.vue
methods:{
callfather:function(){
connector.$emit("phone",this.msg);
}
}
Brief summary:
在父组件中触发两次$on, 子组件中$emit只要触发一次,就会造成$on内的代码执行两次。
在父组件中触发10次$on, 子组件中$emit只要触发一次,就会造成$on内的代码执行10次。
最后解决办法see also: https://github.com/vuejs/vue/issues/3399
更多推荐
已为社区贡献16条内容
所有评论(0)