diff --git a/examples/docs/en-US/select.md b/examples/docs/en-US/select.md index b7b31bc65..f3d83ac0a 100644 --- a/examples/docs/en-US/select.md +++ b/examples/docs/en-US/select.md @@ -553,6 +553,7 @@ If the binding value of Select is an object, make sure to assign `value-key` as | default-first-option | select first matching option on enter key. Use with `filterable` or `remote` | boolean | - | false | | popper-append-to-body| whether to append the popper menu to body. If the positioning of the popper is wrong, you can try to set this prop to false | boolean | - | true | | automatic-dropdown | for non-filterable Select, this prop decides if the option menu pops up when the input is focused | boolean | - | false | +| fix-dropdown-width | Whether to fix the width of the dropdown, the same as the Select | boolean | - | false | ### Select Events | Event Name | Description | Parameters | diff --git a/examples/docs/es/select.md b/examples/docs/es/select.md index 291d5096f..9cdfa36ca 100644 --- a/examples/docs/es/select.md +++ b/examples/docs/es/select.md @@ -560,6 +560,7 @@ Si el valor de encuadernación de Select es un objeto, asegúrese de asignar `va | default-first-option | seleccione la primera opción de coincidencia en la tecla enter. Uso con `filterable` o `remote`. | boolean | - | false | | popper-append-to-body| si añadir o no el menu popup al body. Si el posicionamiento del popup es incorrecto, puede intentar poner este `prop` en `false`. | boolean | - | true | | automatic-dropdown | para non-filterable Select, este `prop` decide si el menú de opciones aparece cuando la entrada está enfocada | boolean | - | false | +| fix-dropdown-width | Whether to fix the width of the dropdown, the same as the Select | boolean | - | false | ### Eventos Select | Nombre | Descripción | Parámetros | diff --git a/examples/docs/fr-FR/select.md b/examples/docs/fr-FR/select.md index 601e5df5d..dc63731b2 100644 --- a/examples/docs/fr-FR/select.md +++ b/examples/docs/fr-FR/select.md @@ -556,6 +556,7 @@ Si la valeur de Select est un objet, assurez-vous d'utiliser `value-key` comme i | default-first-option | Sélectionne la première option avec Entrée. Utilisable avec `filterable` ou `remote` | boolean | - | false | | popper-append-to-body| Si le menu déroulant doit être ajouté au body. Si le positionnement du menu est incorrect, essayez de mettre cette option à `false`. | boolean | - | true | | automatic-dropdown | Pour les sélecteurs non filtrables, détermine si le menu apparaît au focus du champ. | boolean | - | false | +| fix-dropdown-width | Whether to fix the width of the dropdown, the same as the Select | boolean | - | false | ### Évènements de Select diff --git a/examples/docs/zh-CN/select.md b/examples/docs/zh-CN/select.md index 2dcce3d7b..1a5682422 100644 --- a/examples/docs/zh-CN/select.md +++ b/examples/docs/zh-CN/select.md @@ -548,6 +548,7 @@ | default-first-option | 在输入框按下回车,选择第一个匹配项。需配合 `filterable` 或 `remote` 使用 | boolean | - | false | | popper-append-to-body | 是否将弹出框插入至 body 元素。在弹出框的定位出现问题时,可将该属性设置为 false | boolean | - | true | | automatic-dropdown | 对于不可搜索的 Select,是否在输入框获得焦点后自动弹出选项菜单 | boolean | - | false | +| fix-dropdown-width | 是否固定下拉框的宽度,跟 Select 相同 | boolean | - | false | ### Select Events | 事件名称 | 说明 | 回调参数 | diff --git a/packages/select/src/select-dropdown.vue b/packages/select/src/select-dropdown.vue index 39e4d8012..eb5e2c60e 100644 --- a/packages/select/src/select-dropdown.vue +++ b/packages/select/src/select-dropdown.vue @@ -2,7 +2,7 @@
+ :style="{ [fixDropdownWidth ? 'width': 'min-width']: minWidth }">
@@ -41,6 +41,11 @@ appendToBody: { type: Boolean, default: true + }, + + fixDropdownWidth: { + type: Boolean, + default: false } }, diff --git a/packages/select/src/select.vue b/packages/select/src/select.vue index 031337510..8a5711869 100644 --- a/packages/select/src/select.vue +++ b/packages/select/src/select.vue @@ -109,6 +109,7 @@