使用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也可以接收第二個參數是一個函數

查看官網請點擊這裏