使用模拟的增强下拉选择器来代替浏览器原生的选择器。
Wb-select内部嵌套Wb-option使用,类似原生select内部嵌套option
Wb-selec默认宽度是100%
设置Wb-option为disabled表示禁用此选项
当选择一项时触发on-change事件
Wb-select内部嵌套Wb-option使用,类似原生select内部嵌套option
Wb-selec默认宽度是100%
设置Wb-option为disabled表示禁用此选项
当选择一项时触发on-change事件
设置filterable属性,则选项可以根据输入的内容筛选
通过on-search监听输入的内容,在回调更新option选项数据
添加multiple属性,value值必须是数组
多选时添加multiple-limit属性,控制最多显示多少个
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
value | 选择的值,可以使用v-model实现数据的双向绑定 | String, Number, Array | null |
placeholder | 内容为空时的提示语 | String | "" |
disabled | 是否禁止选择 | Boolean | false |
readonly | 是否只读 | Boolean | false |
clearable | 是否显示清空icon | Boolean | true |
filterable | 是否可筛选 | Boolean | false |
multiple | 多选 | Boolean | false |
multiple-limit | 仅多选时使用,限制选择数,默认值0不限制选择个数 | Boolean | 0 |
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
value | 选项的值 | Number, String | null |
label | 选项的文字 | String | "" |
disabled | 是否禁止被选择 | Boolean | false |
事件名 | 说明 | 返回值 |
---|---|---|
on-change | 选择时触发 | 最新的值 |
on-search | 当设置filterable为true,输入过滤条件时触发 | 过滤条件的值 |