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

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

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

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