自定义非父子组件传值
Posted jusonhtml5
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了自定义非父子组件传值相关的知识，希望对你有一定的参考价值。
const center = {};
center.on = function(eventName, callback){
if(!center[eventName]){
center[eventName] = [];
}
//保存回调函数
center[eventName].push(callback);
}
center.emit = function(eventName, params){
//取出对应事件的回调函数
let callbackArr = center[eventName];
//一一调用每一个回调事件
callbackArr.map((callback)=>{
callback(params);
})
}
center.off = function(eventName, callback){
//情况1：只传eventName，移除所有事件
//情况2：传eventName和callback
if(!callback){
center[eventName] = null;
}
else{
let callbackArr = center[eventName];
//删除指定的callback回调
let result = callbackArr.filter(callbackItem=>{
if(callback == callbackItem){
return false;
}
else{
return true;
}
})
//重新赋值
center[eventName] = result;
}
}
export default center;
以上是关于自定义非父子组件传值的主要内容，如果未能解决你的问题，请参考以下文章