element-ui 组件扩展 - ExSwitch

开发过程中有这么一个需求,当switch组件切换状态的时候弹出确认框,确认的时候才切换,所以需要改造一下element-ui的switch组件

改造代码如下:

添加了一个beforeChange的hook,返回promise

使用示例:


结果:


点击确定的时候会切换switch组件的状态

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,790评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,262评论 4 61
  • 雷军诠释小米的互联网思维说了七个字:“专注、极致、快、口碑”,这七个字完全适用中国式众筹,且中国式众筹有过之而无不...
    韧性十足的牛皮糖阅读 402评论 0 0
  • 1 ,五月之前传播学教程再看一遍,写出大致结构每一节都要有。 2,六月 世界广告史 新闻学概论 新媒体概论看完一遍...
    巩永卿阅读 355评论 0 0
  • 警告:有劇透 上一集博派拯救了地球,但人類並沒有因此感激,汽車人依然被追殺、被監視,依然在躲躲藏藏,老柱又去找造物...
    十字路口霉少年阅读 503评论 1 0