SelectOri 原生下拉框
这个是原生的下拉选择,只是对于 select
标签进行了一定的优化,通常用于单选时使用。
引用
js
import { SelectOri, regist } from "litos-ui";
regist(SelectOri);
1
2
3
2
3
演示
基础用法
通过 options
属性设置选项或者通过 slot-default
来手动渲染选项。
API
SelectOri Attibutes
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
value | 选中项绑定值 | string | - |
name | 原生的 name 属性 | string | - |
disabled | 是否禁用 | boolean | false |
SelectOri Slots
名称 | 说明 |
---|---|
default | 选项列表 |
SelectOri Events
事件名 | 说明 | 回调参数 |
---|---|---|
chnage | 选中项改变时触发 | (event: Event) |
SelectOri Methods
方法名 | 说明 | 类型 |
---|---|---|
setOptions | 重新设置新的选项列表 | (options: SelectOption[]): void |
appendOptions | 为选项列表追加新的选项 | (options: SelectOption[]): void |
SelectOption Attributes
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
value | 选项值 | string | - |
label | 选项标签 | string | - |