element-ui组件扩展 - 自定义confirm弹窗

我们都知道写一个下面的注册弹窗很简单,直接使用dialog就行了。

注册框

element-ui中的dialog组件能弥补MessageBox很难做到一些复杂页面的需求,灵活度更高。但是有的时候页面中dialog写多了,真的很烦人(特别要增加一些额外的变量和逻辑),不知道大家有没有这种感觉:)。一些特定业务场景用dialog实现往往会增加代码的复杂度(举个遇到的栗子:向后端提交数据之前,先请求A接口,A接口返回验证数据,需要用户确认是否继续提交数据,选择”是“,将填写的验证数据和之前提交的数据一起提交到目标接口B。很明显,这种场景使用dialog实现需求是很难的,这时我们想到MessageBoxconfrim可以满足这种场景。是的!confirm能满足,但也只能简单的满足。所以我们有的时候需要自定义弹窗完成更复杂的业务场景!)。
下面代码展示了通过MessageBox实现的注册弹窗!
自定义MessageBox内容

主页面
注册组件

以上就是注册弹窗的实现了!
附上源码 https://pan.baidu.com/s/1SpEN60JqOWA90yQ_kLlADA

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 7,287评论 0 17
  • ¥开启¥ 【雷霆战机】 〖http://pan.baidu.com/s/1kVstszX〗 《解压源码后直接用AI...
    小菜c阅读 3,676评论 1 10
  • 人们都说黑色是不重要的、 悲哀的, 一生中没有了它, 就变得绚丽多...
    冰沦阅读 307评论 0 2
  • 待我长发及腰,少年取我可好? 阳光不燥,微风正好!
    十年伴TF阅读 107评论 0 0
  • 今天去看了我以前的一个客户,一个美女姐姐,非常能干,公司做的很好,主要做团购。感恩缘分让我们相识,感恩对我的信任和...
    那朵花蕾阅读 115评论 0 0

友情链接更多精彩内容