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

添加了一个beforeChange的hook,返回promise
使用示例:

结果:

点击确定的时候会切换switch组件的状态
开发过程中有这么一个需求,当switch组件切换状态的时候弹出确认框,确认的时候才切换,所以需要改造一下element-ui的switch组件
改造代码如下:
添加了一个beforeChange的hook,返回promise
使用示例:
结果:
点击确定的时候会切换switch组件的状态
本文标题:element-ui 组件扩展 - ExSwitch
本文链接:https://www.haomeiwen.com/subject/bgdcmxtx.html
网友评论