自定义非父子组件传值
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;
以上是关于自定义非父子组件传值的主要内容，如果未能解决你的问题，请参考以下文章