开关 (Switch)

基于 el-switch 封装，支持通过配置动态设置激活/非激活状态的值和显示内容。

配置类型

• switch

演示 (Demo)

基础用法 (Basic)

Value: false

自定义值 (Custom Values)

Value: 1 (Type: string)

自定义颜色 & 文字

按月按年

Value: true

示例代码

<!-- 1. 基础用法 -->
<DynaForm
  v-model="val"
  :config="{ type: 'SWITCH', label: '开/关' }"
/>

<!-- 2. 自定义激活/非激活值 -->
<DynaForm
  v-model="val"
  :config="{ 
    type: 'SWITCH', 
    activeValue: 'on', 
    inactiveValue: 'off' 
  }"
/>

<!-- 3. 自定义颜色与辅助文字 -->
<DynaForm
  v-model="val"
  :config="{ 
    type: 'SWITCH',
    activeColor: '#13ce66',
    inactiveColor: '#ff4949',
    activeText: '启用',
    inactiveText: '禁用'
  }"
/>

属性列表 (config)

属性名	类型	说明
activeValue	Boolean/String/Number	激活状态的值
inactiveValue	Boolean/String/Number	非激活状态的值
activeText	String	激活状态的描述文字
inactiveText	String	非激活状态的描述文字
activeColor	String	激活状态的背景颜色
inactiveColor	String	非激活状态的背景颜色
disabled	Boolean	是否禁用