使用Emit和On时,第一次不执行
确保Emit在on之后执行(否则监听器不会执行)
o
n
:这是用来注册事件监听器的。当你调用
on:这是用来注册事件监听器的。当你调用
on:这是用来注册事件监听器的。当你调用on时,你告诉Vue实例,当特定的事件发生时,要执行提供的回调函数。$on通常在组件的mounted或created生命周期钩子中使用,或者在你需要开始监听事件的任何时候。
e m i t :这是用来触发事件的。当你调用 emit:这是用来触发事件的。当你调用 emit:这是用来触发事件的。当你调用emit时,你是在一个Vue实例上触发一个自定义事件。这个事件可以被监听该事件的其他组件或全局事件总线捕获并处理。$emit通常在响应用户交互或完成某些操作后使用,以便通知其他部分的代码。`
注册监听器
if ((window as any).microApi) {
//接收页面参数(on)
(window as any).microApi.Bus.$on('consignAgreementFn', (data: any) => {
state.costSharingAdjustForm = JSON.parse(JSON.stringify(data));
});
(window as any).microApi.Bus.$emit('consignAgreementFnOne');
}
触发事件
// 传递页面参数(emit)
(window as any).microApi.Bus.$on('consignAgreementFnOne', () => {
(window as any).microApi.Bus.$emit('consignAgreementFn',state.consignAgreementList);
});