主题
hl-select
hl-select继承了el-select所有属性和事件
基础用法
性别
vue
对比el-select,hl-select简化了代码,省去了循环
禁用选项
设置disabled-options属性可以禁用一个或一批选项
性别
性别
vue
只读
只读模式,组件会去除所有的边框,禁止选择
性别
vue
disabled-options绑定的值是options中的value
属性
属性 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
model-value / v-model | 选中项绑定值 | String, Number, Array | — | — |
options | 选项 | Array | — | — |
placeholder | 空值提示信息 | String | — | 请选择 |
all | 是否显示选择项“全部” | Boolean | — | false |
loading | 如果数据是远程获取的,可以需要将组件设置loading状态 | Boolean | — | false |
disabledOptions | 禁用的选项 | Array | — | 空数组 |
readonly | 是否只读 | Boolean | — | false |
当选择全部时v-model绑定的值为空字符串