layui/example/docs/zh-CN/components/select.md

::: anchor :::

::: title 基础使用 :::

::: demo

::: title 数据联动 :::

::: demo

点击切换(当前值:{{value}})

:::

::: title 选择禁用 :::

::: demo

:::

::: title 多选使用 :::

::: demo

点击切换(当前值:{{mvalue.join()}})

:::

::: title Select 属性 :::

::: table

属性	描述	类型	可选值	默认值
v-model	选中值	string/number/Array	-	-
name	原生 name 属性	string	-	-
placeholder	默认空提示语	string	-	请选择
disabled	是否禁用	boolean	true false	false
showEmpty	是否增加空提示选项	boolean	true false	true
multiple	是否为多选	boolean	true false	false

:::

::: title Select 事件 :::

::: table

属性	描述	接收值
change	切换事件	value

:::

::: title Select Option 属性 :::

::: table

::: table

属性	描述	类型	可选值	默认值
label	标签值(必填)	string	-	-
value	值	string / number	-	-
disabled	是否禁用	boolean	true false	false

:::

::: title Select Option 插槽 :::

::: table

属性	描述	接收值
default	默认(label)	-

:::

::: comment :::

::: previousNext select :::