@@ -53,37 +53,37 @@ Vue.use(ElSelectV2);
53
53
54
54
### Select Attributes
55
55
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 |
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 | 下拉框的宽度是否与输入框相同,设置为 false 后自动计算宽度,性能会有所降低 | boolean | — | true |
87
87
88
88
### Props
89
89
@@ -107,22 +107,22 @@ Vue.use(ElSelectV2);
107
107
108
108
### Select Slots
109
109
110
- | name | 说明 |
111
- | ---------------- | --------------------|
112
- | — | 自定义模板,参数为 { item } |
113
- | header (1.3.0) | 下拉列表顶部的内容 |
114
- | footer (1.3.0) | 下拉列表底部的内容 |
115
- | prefix | Select 组件头部内容 |
116
- | empty | 无选项时的列表 |
110
+ | name | 说明 |
111
+ | --------| --------------------|
112
+ | — | 自定义模板,参数为 { item } |
113
+ | header | 下拉列表顶部的内容 |
114
+ | footer | 下拉列表底部的内容 |
115
+ | prefix | Select 组件头部内容 |
116
+ | empty | 无选项时的列表 |
117
117
118
118
### Options
119
119
120
- | 参数 | 说明 | 类型 | 可选值 | 默认值 |
121
- | ----------------- | ---------------------------| ----------------------| -----| -------|
122
- | value | 选项的值 | string/number/object | — | — |
123
- | label | 选项的标签,若不设置则默认与 ` value ` 相同 | string/number | — | — |
124
- | options (1.2.0) | 分组选项 | array | — | — |
125
- | disabled | 是否禁用该选项 | boolean | — | false |
120
+ | 参数 | 说明 | 类型 | 可选值 | 默认值 |
121
+ | ----------| ---------------------------| ----------------------| -----| -------|
122
+ | value | 选项的值 | string/number/object | — | — |
123
+ | label | 选项的标签,若不设置则默认与 ` value ` 相同 | string/number | — | — |
124
+ | options | 分组选项 | array | — | — |
125
+ | disabled | 是否禁用该选项 | boolean | — | false |
126
126
127
127
### Methods
128
128
0 commit comments