Vue.js 从子组件关闭模态

Question

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

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

在 SomeComponent 中，我想关闭 some-modal。这是好方法吗？可以做得更好吗？请建议，问候

Answer 1

您需要使用this.$emit('exit', true).

然后在父组件（模态）中监听该事件。

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

然后将逻辑写入 closeModal 函数。

Answer 2

好没问题。您可以使用Vue的自定义事件系统：

https://v2.vuejs.org/v2/guide/components.html#Custom-Events

至于判断这是否是理想的方法，没有人可以用您提供的最少信息来判断。