Skip to content

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是否显示选择项“全部”Booleanfalse
loading如果数据是远程获取的,可以需要将组件设置loading状态Booleanfalse
disabledOptions禁用的选项Array空数组
readonly是否只读Booleanfalse

当选择全部时v-model绑定的值为空字符串