Vue.js 我无法倾听孩子与家长之间的交流

我有两个组件App.vue和ModalWindow.vue

我正在尝试在父组件App.vue中打开一个模式窗口（ModalWindow.vue） 在按钮上单击事件“toggle”，该事件调用函数“toggleModal”

但我不能告诉我哪里是我的错

这是我的App.vue

从“../UI/ModalWindow.vue”导入ModalWindow
导出默认值{
组成部分：{
模态窗口
},
mixins:[ModalWindow]，
方法：{
toggleModal（）{
this.toggle（）；
}
}
}

这是我的ModalWindow.vue

Vue模式
Modals在Vue.js中非常简单

导出默认值{
名称：“ModalWindow”，
数据（）{
返回{
节目：假
}                
},
方法：{
切换（）{
this.show=！this.show
}
}
}

不需要$emit，因为您没有在任何地方侦听发出的事件。我想看看您的问题，您的需求需要mixin机制来调用modal.vue的toggle方法

就在下面

components: {
    ModalWindow
  }

在你的app.vue中添加行

mixins: [ModalWindow]

并在toggleModal方法中添加以下行

this.toggle();

---

就在这条线下面。如果mixin工作，您还可以从components对象中删除ModalWindow。

您应该发布vue文件的所有内容，而不需要拆分为脚本和html内容。除此之外，我认为SCS不需要在此处发布。您似乎没有在app.vuei中使用

ModalWindow

。。这不是我犯的错误。这是我在这里犯的错误。请分享你是如何在app.vue中使用

ModalWindow

的？能看到任何错误吗？@JustinMoreyl在这里发布你的mixin更新代码。我会试着引导你从那里走出来，这里有些东西不起作用，在我看来是的，我正要这么说。你能不能把模态的核心逻辑注释掉，然后打开一个空对话框。它将帮助我们了解mixin是否工作Vue ModalModals在Vue.js中是否如此简单

导出默认值{name:'ModalWindow'，data（）{return{show:false}，}