Browse Source

#9038, add el-input tabindex props

dicklwm 7 years ago
parent
commit
79a4ac29af

+ 1 - 0
examples/docs/en-US/input.md

@@ -664,6 +664,7 @@ Search data from server-side.
 |autofocus | same as `autofocus` in native input | boolean | — | false |
 |form | same as `form` in native input | string | — | — |
 | label | label text | string | — | — |
+| tabindex | input tabindex | string | - | - |
 
 ### Input slots
 

+ 1 - 0
examples/docs/es/input.md

@@ -643,6 +643,7 @@ Búsqueda de datos desde el servidor.
 | autofocus     | igual que `autofocus` en el input nativo | boolean          | —                                | false       |
 | form          | igual que `form` en el input nativo      | string           | —                                | —           |
 | label         | texto de la etiqueta                     | string           | —                                | —           |
+| tabindex | caja de entrada tabindex | string | - | - |
 
 ### Input slots
 

+ 1 - 0
examples/docs/zh-CN/input.md

@@ -820,6 +820,7 @@ export default {
 | autofocus | 原生属性,自动获取焦点 | boolean | true, false | false |
 | form | 原生属性 | string | — | — |
 | label | 输入框关联的label文字 | string | — | — |
+| tabindex | 输入框的tabindex | string | - | - |
 
 ### Input slots
 | name | 说明 |

+ 4 - 1
packages/input/src/input.vue

@@ -20,6 +20,7 @@
         <slot name="prepend"></slot>
       </div>
       <input
+        :tabindex="tabindex"
         v-if="type !== 'textarea'"
         class="el-input__inner"
         v-bind="$props"
@@ -70,6 +71,7 @@
     </template>
     <textarea
       v-else
+      :tabindex="tabindex"
       class="el-textarea__inner"
       :value="currentValue"
       @input="handleInput"
@@ -159,7 +161,8 @@
       clearable: {
         type: Boolean,
         default: false
-      }
+      },
+      tabindex: String
     },
 
     computed: {