Vue.js 从子组件关闭模态

Question

我想从此模态内的子组件关闭 vuejs 模态。案子：

 <modal name="some-modal">
        <some-component></some-component>
</modal>

在 SomeComponent 内部，我想关闭一些模态。这是好方法吗？可以做得更好吗？请告知，问候

原文由 Juri Bojka 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您需要使用 this.$emit('exit', true) 从子组件发出事件。

然后在父组件 (Modal) 中监听该事件。

 <modal name="some-modal">
    <some-component @exit="closeModal"></some-component>
</modal>

然后将逻辑写入 closeModal 函数。

原文由 Shubham Patel 发布，翻译遵循 CC BY-SA 3.0 许可协议