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

4.3 KiB

::: 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-option 属性 :::

::: table

::: table

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

:::

::: title select-option 插槽 :::

::: table

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

:::

::: title select 事件 :::

::: table

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

:::

::: comment :::