Vue.js 从子组件关闭模态

新手上路,请多包涵

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

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

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

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

阅读 657
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 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题