处于蒙层里面自定义组件的方法无法被自定义事件触发 about tmagic-editor

[jia000]

弹窗警告，这个是一个vue组件吗，是在什么时机下created？

[jia000]

修改core的方法，直接改原型链或者或defineProperty，但是不建议这么做，还是看看是什么问题，完善一下core好点

[kevnwei]

就是上面“中奖弹窗”的一个openAlert方法，调试用的方法。

<template>
  <div class="magic-ui-awardpopup">
    <div>{{config.award_title}}</div>
  </div>
</template>

<script lang="ts">
import { defineComponent, PropType, } from 'vue';
import Core from '@tmagic/core';
import { MAwardpopup } from '../types';
import useApp from '../useApp';

export default defineComponent({
  name: 'magic-ui-awardpopup',
  props: {
    config: {
      type: Object as PropType<MAwardpopup>,
      default: () => ({}),
    },

    model: {
      type: Object,
      default: () => ({}),
    },
  },
  setup(props) {
    const app: Core | undefined = useApp(props);
    const node = app?.page?.getNode(props.config.id);
    const openAlert = () => {
      alert(333);
    };

    return {
      openAlert,
    };
  },
});
</script>

[kevnwei]

原因就是 被调用方法所属的组件 事件触发的时候还没创建好。
如本case的事件，同时触发两个动作，1: 蒙层弹出，2: 蒙层里面的“中奖弹窗”组件（此时还没创建好，instance为undefined），导致调用instance里面的方法失败。

[jia000]

明白了，这里我改一下core，需要维护一个事件调用的队列，如果instance还没有把method放入队列，等instance created在去队列里拿method调用

[jia000]

1750467

[jia000]

v1.1.0-beta.3