ivyDesign

Appearance

Select 下拉选择器 ​

警告

依赖组件 scrollbar，请务必导入 scrollbar 组件

常规用法 ​

html
<ivy-select>
  <ivy-option value="1" label="苹果"></ivy-option>
  <ivy-option value="2" label="香蕉"></ivy-option>
  <ivy-option value="3" label="橘子"></ivy-option>
  <ivy-option value="4" label="芒果"></ivy-option>
</ivy-select>

有默认值 ​

html
<ivy-select>
  <ivy-option value="1" label="苹果"></ivy-option>
  <ivy-option value="2" label="香蕉"></ivy-option>
  <ivy-option value="3" label="橘子"></ivy-option>
  <ivy-option value="4" label="芒果"></ivy-option>
</ivy-select>

禁用选项 ​

通过给 select 设置 disabled 属性来禁用下拉框

禁用某一个选项 ​

通过给 option 设置 disabled 属性来禁用其中一项

Select Props ​

参数说明类型默认值
value选中的值string-
disabled是否禁用booleanfalse
placeholder占位符string-

Option Props ​

参数说明类型默认值
value选项的值string-
label选项的标签string-
disabled是否禁用booleanfalse