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

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