Input 组件增加autofocus属性

丁强
1 parent 05e2dda0
Showing 4 changed files with 10 additions and 2 deletions Show diff stats
examples/routers/input-number.vue
examples/routers/input.vue
src/components/input-number/input-number.vue
src/components/input/input.vue
 <template>
     <div>
-        <Input-number :max="10" :min="-1" v-model="v1"></Input-number>
+        <Input-number :max="10" :min="-1" v-model="v1" autofocus></Input-number>
         {{ v1 }}
         <div @click="c">change v1</div>
         <Input-number disabled :max="10" :min="1" :step="1.2" v-model="v2"></Input-number>
 <template>
     <div style="width: 300px;">
-        <i-input v-model="value11" icon="ios-clock-outline">
+        <i-input v-model="value11" icon="ios-clock-outline" autofocus>
             <span slot="prepend">.com</span>
         </i-input>
         <i-input v-model="value11" icon="ios-clock-outline">
@@ -19,6 +19,7 @@
                 :class="inputClasses"
                 :disabled="disabled"
                 autocomplete="off"
+                :autofocus="autofocus"
                 @focus="focus"
                 @blur="blur"
                 @keydown.stop="keyDown"
@@ -89,6 +90,9 @@
             disabled: {
                 type: Boolean,
                 default: false
+            },
+            autofocus: {
+                type: String
             }
         },
         data () {
@@ -16,6 +16,7 @@
                 :name="name"
                 :value="currentValue"
                 :number="number"
+                :autofocus="autofocus"
                 @keyup.enter="handleEnter"
                 @focus="handleFocus"
                 @blur="handleBlur"
@@ -98,6 +99,9 @@
             number: {
                 type: Boolean,
                 default: false
+            },
+            autofocus: {
+                type: String
             }
         },
         data () {