Skip to content

ESwitch(开关选择器)

el-switch 简单封装,用于开关选择,表示两种相互对立的状态间的切换。

属性配置

属性配置示意图

配置说明
on背景色active-color 参数,默认无
off背景色inactive-color 参数,默认无
边框颜色色border-color 参数,默认无
打开文本active-text 参数,默认无
关闭文本inactive-text 参数,默认无
禁用disabled 参数,默认不开启
显示在点内inline-prompt 参数,默认不开启
大小size 参数,默认无
自定义样式默认不开启,开启后可配置字体大小、字体粗细、字体类型、字体样式等

数据配置

数据配置示意图

配置说明
取值缓存从数据缓存中获取开关值
存值缓存将开关值写入数据缓存
禁用缓存地址从数据缓存中获取禁用状态,值为 true 时按钮禁用,否则正常

值改变事件

当勾选或取消勾选时触发值改变事件,可以从组件局域参数中获取selectedValue,其值为true/false

基于 VitePress 构建