layui/example/docs/zh-CN/components/switch.md
2022-04-01 02:09:42 +08:00

3.0 KiB

::: anchor :::

::: title 基本介绍 :::

::: describe 开关选择器, 需要表示开关状态/两种状态之间的切换时。 :::

::: title 基础使用 :::

::: demo 使用 lay-switch 标签, 创建开关

:::

::: title 事件回调 :::

::: demo

:::

::: title 禁用状态 :::

::: demo

:::

::: title 修改描述 :::

::: demo

:::

::: title 图标插槽 :::

::: demo

😄 🤔

:::

::: title 自定义值 :::

::: demo

:::

::: title Switch 属性 :::

::: table

属性 描述 可选值
name 原生 name 属性 --
v-model 是否启用 true false
disabled 禁用 true false
onswitch-text 启用描述 启动
unswitch-text 禁用描述 禁用
onswitch-value 启用值 true
unswitch-value 禁用值 false

:::

::: title Switch 事件 :::

::: table

属性 描述 可选值
change 切换事件 current : 当前值

:::

::: title Switch 插槽 :::

::: table

属性 描述 参数
onswitch-icon 启用图标 --
unswitch-icon 禁用图标 --
:::

::: previousNext switch :::