无法使用事件总线调用子方法的窗体--它在Vuejs中的父级

Question

我有三个子组件的父组件在Vuetify模型选项卡中。当模型关闭时，启动事件总线。当模型关闭时，逻辑只想空组件数组.，而不是单总线initiated...Solution？

代码在这里！

家长密码..。

methods: 
 {
   dialog()
   {
     bus.$emit('clearchild1');
     bus.$emit('clearchild2');
     bus.$emit('clearchild3');
   }
}

儿童1密码..。

mounted() 
    {
      bus.$on('clearchild1', () => {
        console.log("clearchild1...data clear successfully....");
      });
    },

儿童2密码..。

mounted() 
    {
      bus.$on('clearchild2', () => {
        console.log("clearchild2...data clear successfully....");
      });
    },

儿童3号密码..。

mounted() 
    {
      bus.$on('clearchild3', () => {
        console.log("clearchild3...data clear successfully....");
      });
    },

Answer 1

我认为您必须将bus.$on从mounted()钩子转移到created()钩子，这将解决您的问题。

Answer 2

我不知道您是如何声明自己是总线的，但这可能会有帮助，而不是总线，您可以直接使用这个。

// Child Listener
this.$root.$on('clearchild1', () => {
  console.log("clearchild1...data clear successfully....");
});

// Parent Emitter
this.$root.$emit('clearchild1');

确保销毁子组件中的侦听器。

beforeDestroy() {
  this.$root.$off('clearchild1');
}