javascript - VUE 弹窗组件开发？

问题描述

问 题

最近需要开发一个弹窗的组件，想了一个思路不知道靠不靠谱。

创建一个vuex的状态开关去控制弹窗的显示与隐藏。

有两种弹窗的风格， 只有一个确定按钮的提示框， 还有就是一个确定 或取消的选择框（暂时只想到这两种）

问题是：点击后的回调。 是通过 <pop :回调1=回调1></pop> 还是为确定， 或取消，设置一个方法，通过$emit 传到父组件。父组件再去写回调？

解决方案

我觉得这种弹框组件，想要设计一个灵活的显示隐藏的方法。

1.在组件内定一个函数处理显示隐藏，控制显示隐藏的变量设置通过属性传递我觉得不能用vuex保存在store中，因为一个弹框组件是单独的个体，用完即释放了，没有必要用store来保存）
2.组件上设置一个属性来重写显示隐藏的方法，可以满足一些特殊需求（在显示隐藏的时候，做些其他操作和业务逻辑的处理）
3.事件传递，在子组件内使用 $emit发出事件，父组件中通过监听事件来处理

栗子我就不写了，你应该能看懂我的意思吧。

这篇关于javascript - VUE 弹窗组件开发？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！