From dad96b49c5efb4fe2b43b067053d0afcf8f6f032 Mon Sep 17 00:00:00 2001 From: Leopoldthecoder <Leopoldthecuber@gmail.com> Date: Mon, 22 Jan 2018 14:02:20 +0800 Subject: [PATCH] Select: add auto-complete --- examples/docs/en-US/select.md | 1 + examples/docs/es/select.md | 1 + examples/docs/zh-CN/select.md | 1 + packages/select/src/select.vue | 6 ++++++ 4 files changed, 9 insertions(+) diff --git a/examples/docs/en-US/select.md b/examples/docs/en-US/select.md index 3ede1c06d..3bf5fceef 100644 --- a/examples/docs/en-US/select.md +++ b/examples/docs/en-US/select.md @@ -670,6 +670,7 @@ If the binding value of Select is an object, make sure to assign `value-key` as | collapse-tags | whether to collapse tags to a text when multiple selecting | boolean | — | false | | multiple-limit | maximum number of options user can select when `multiple` is `true`. No limit when set to 0 | number | — | 0 | | name | the name attribute of select input | string | — | — | +| auto-complete | the autocomplete attribute of select input | string | — | off | | placeholder | placeholder | string | — | Select | | filterable | whether Select is filterable | boolean | — | false | | allow-create | whether creating new items is allowed. To use this, `filterable` must be true | boolean | — | false | diff --git a/examples/docs/es/select.md b/examples/docs/es/select.md index de32aadd4..700a1285b 100644 --- a/examples/docs/es/select.md +++ b/examples/docs/es/select.md @@ -676,6 +676,7 @@ Si el valor de encuadernación de Select es un objeto, asegúrese de asignar `va | clearable | si el single select puede ser limpiable | boolean | — | false | | multiple-limit | maximo numero de opciones que el usuario puede seleccionar cuando `multiple` es `true`. Sin límite cuando se fija a 0 | number | — | 0 | | name | el atributo `name` del input seleccionado | string | — | — | +| auto-complete | el atributo `autocomplete` del input seleccionado | string | — | off | | placeholder | placeholder | string | — | Select | | filterable | si Select es filtrable | boolean | — | false | | allow-create | si esta permitido crear nuevos items. Para usar esto, `filterable` debe ser `true`. | boolean | — | false | diff --git a/examples/docs/zh-CN/select.md b/examples/docs/zh-CN/select.md index f3184a8cf..5b11ebdec 100644 --- a/examples/docs/zh-CN/select.md +++ b/examples/docs/zh-CN/select.md @@ -665,6 +665,7 @@ | collapse-tags | 多选时是否将选中值按文字的形式展示 | boolean | — | false | | multiple-limit | 多选时用户最多可以选择的项目数,为 0 则不限制 | number | — | 0 | | name | select input 的 name 属性 | string | — | — | +| auto-complete | select input 的 autocomplete 属性 | string | — | off | | placeholder | 占位符 | string | — | 请选择 | | filterable | 是否可搜索 | boolean | — | false | | allow-create | 是否允许用户创建新条目,需配合 `filterable` 使用 | boolean | — | false | diff --git a/packages/select/src/select.vue b/packages/select/src/select.vue index f66492fb8..46d2938e4 100644 --- a/packages/select/src/select.vue +++ b/packages/select/src/select.vue @@ -47,6 +47,7 @@ class="el-select__input" :class="[selectSize ? `is-${ selectSize }` : '']" :disabled="disabled" + :autocomplete="autoComplete" @focus="handleFocus" @click.stop @keyup="managePlaceholder" @@ -70,6 +71,7 @@ :placeholder="currentPlaceholder" :name="name" :id="id" + :auto-complete="autoComplete" :size="selectSize" :disabled="disabled" :readonly="!filterable || multiple" @@ -229,6 +231,10 @@ value: { required: true }, + autoComplete: { + type: String, + default: 'off' + }, size: String, disabled: Boolean, clearable: Boolean,