使用events跨页面传值

1.引入

npm install events

2.使用前封装
const eventEmitter = new EventEmitter()
const Emitter = {
  on: (event: string, fn: anyFunction) => eventEmitter.on(event, fn),
  once: (event: string, fn: anyFunction) => eventEmitter.once(event, fn),
  off: (event: string, fn?: anyFunction) => eventEmitter.off(event, fn),
  emit: (event: string, payload?: any) => eventEmitter.emit(event, payload),
}
export default Emitter
3.封装后使用
发起一个events
eventsKey: events的名字
Emitter.emit('eventsKey','Hello world')

接收发起的events
eventsKey: 要和发起的保持一致
payload: 是一个函数 用于接收发起的events的值在这里接收到的值是Hello world
Emitter.on('eventsKey', payload)

操作完之后关闭发起的events
eventsKey: 要和发起的保持一致
Emitter.off('eventsKey')

Emitter.off也可以接收第二个参数是一个函数

查看官网请点击这里

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章