@@ -53,40 +53,46 @@ Vue.use(ElSelectV2);
53
53
54
54
### Select Attributes
55
55
56
- | 参数 | 说明 | 类型 | 可选值 | 默认值 |
57
- | -------------------------| --------------------------------------------------| ---------------------------| -------------------| ----------|
58
- | value / v-model | 绑定值 | boolean / string / number | — | — |
59
- | options | 列表数据 | array | — | — |
60
- | value-key | value 键名 | string | — | value |
61
- | label-key | label 键名 | string | — | label |
62
- | options-key (1.4.6) | options 键名 | string | — | options |
63
- | disabled-key (1.4.1) | disabled 键名 | string | — | disabled |
64
- | object-key (1.4.0) | 绑定值为对象类型时的键名 | string | — | value |
65
- | min-item-size | 每个选项的最小高度 | number | — | 34 |
66
- | multiple | 是否多选 | boolean | — | false |
67
- | disabled | 是否禁用 | boolean | — | false |
68
- | size | 输入框尺寸 | string | medium/small/mini | — |
69
- | clearable | 是否可以清空选项 | boolean | — | false |
70
- | collapse-tags | 多选时是否将选中值按文字的形式展示 | boolean | — | false |
71
- | multiple-limit | 多选时用户最多可以选择的项目数,为 0 则不限制 | number | — | 0 |
72
- | name | select input 的 name 属性 | string | — | — |
73
- | autocomplete | select input 的 autocomplete 属性 | string | — | off |
74
- | placeholder | 占位符 | string | — | 请选择 |
75
- | filterable | 是否可搜索 | boolean | — | false |
76
- | allow-create | 是否允许用户创建新条目,需配合 ` filterable ` 使用 | boolean | — | false |
77
- | filter-method | 自定义搜索方法 | function | — | — |
78
- | remote | 是否为远程搜索 | boolean | — | false |
79
- | remote-method | 远程搜索方法 | function | — | — |
80
- | loading | 是否正在从远程获取数据 | boolean | — | false |
81
- | loading-text | 远程加载时显示的文字 | string | — | 加载中 |
82
- | no-match-text | 搜索条件无匹配时显示的文字,也可以使用 ` slot="empty" ` 设置 | string | — | 无匹配数据 |
83
- | no-data-text | 选项为空时显示的文字,也可以使用 ` slot="empty" ` 设置 | string | — | 无数据 |
84
- | popper-class | Select 下拉框的类名 | string | — | — |
85
- | reserve-keyword | 多选且可搜索时,是否在选中一个选项后保留当前的搜索关键词 | boolean | — | true |
86
- | default-first-option | 在输入框按下回车,选择第一个匹配项。需配合 ` filterable ` 或 ` remote ` 使用 | boolean | — | false |
87
- | popper-append-to-body | 是否将弹出框插入至 body 元素。在弹出框的定位出现问题时,可将该属性设置为 false | boolean | — | true |
88
- | automatic-dropdown | 对于不可搜索的 Select,是否在输入框获得焦点后自动弹出选项菜单 | boolean | — | false |
89
- | fit-input-width (1.1.0) | 下拉框的宽度是否与输入框相同,设置为 false 后自动计算宽度,性能会有所降低 | boolean | — | true |
56
+ | 参数 | 说明 | 类型 | 可选值 | 默认值 |
57
+ | -------------------------| --------------------------------------------------| ---------------------------| -------------------| -------|
58
+ | value / v-model | 绑定值 | boolean / string / number | — | — |
59
+ | options | 列表数据 | array | — | — |
60
+ | props | 配置选项,具体看下表 | object | — | — |
61
+ | value-key | 作为 value 唯一标识的键名,绑定值为对象类型时必填 | string | — | value |
62
+ | min-item-size | 每个选项的最小高度 | number | — | 34 |
63
+ | multiple | 是否多选 | boolean | — | false |
64
+ | disabled | 是否禁用 | boolean | — | false |
65
+ | size | 输入框尺寸 | string | medium/small/mini | — |
66
+ | clearable | 是否可以清空选项 | boolean | — | false |
67
+ | collapse-tags | 多选时是否将选中值按文字的形式展示 | boolean | — | false |
68
+ | multiple-limit | 多选时用户最多可以选择的项目数,为 0 则不限制 | number | — | 0 |
69
+ | name | select input 的 name 属性 | string | — | — |
70
+ | autocomplete | select input 的 autocomplete 属性 | string | — | off |
71
+ | placeholder | 占位符 | string | — | 请选择 |
72
+ | filterable | 是否可搜索 | boolean | — | false |
73
+ | allow-create | 是否允许用户创建新条目,需配合 ` filterable ` 使用 | boolean | — | false |
74
+ | filter-method | 自定义搜索方法 | function | — | — |
75
+ | remote | 是否为远程搜索 | boolean | — | false |
76
+ | remote-method | 远程搜索方法 | function | — | — |
77
+ | loading | 是否正在从远程获取数据 | boolean | — | false |
78
+ | loading-text | 远程加载时显示的文字 | string | — | 加载中 |
79
+ | no-match-text | 搜索条件无匹配时显示的文字,也可以使用 ` slot="empty" ` 设置 | string | — | 无匹配数据 |
80
+ | no-data-text | 选项为空时显示的文字,也可以使用 ` slot="empty" ` 设置 | string | — | 无数据 |
81
+ | popper-class | Select 下拉框的类名 | string | — | — |
82
+ | reserve-keyword | 多选且可搜索时,是否在选中一个选项后保留当前的搜索关键词 | boolean | — | true |
83
+ | default-first-option | 在输入框按下回车,选择第一个匹配项。需配合 ` filterable ` 或 ` remote ` 使用 | boolean | — | false |
84
+ | popper-append-to-body | 是否将弹出框插入至 body 元素。在弹出框的定位出现问题时,可将该属性设置为 false | boolean | — | true |
85
+ | automatic-dropdown | 对于不可搜索的 Select,是否在输入框获得焦点后自动弹出选项菜单 | boolean | — | false |
86
+ | fit-input-width (1.1.0) | 下拉框的宽度是否与输入框相同,设置为 false 后自动计算宽度,性能会有所降低 | boolean | — | true |
87
+
88
+ ### Props
89
+
90
+ | 参数 | 说明 | 类型 | 默认值 |
91
+ | ----------| ---------------------| --------| ----------|
92
+ | value | 指定选项的值为选项对象的某个属性值 | string | value |
93
+ | label | 指定节点标签为节点对象的某个属性值 | string | label |
94
+ | options | 指定选项的子选项为选项对象的某个属性值 | string | options |
95
+ | disabled | 指定选项的禁用为选项对象的某个属性值 | string | disabled |
90
96
91
97
### Select Events
92
98
0 commit comments