other / mew-iview

Commit 5d5f8dc8c668b307b3662378154152785d8b4d2d

Authored by Aresn
Committed by GitHub
2 parents f1f8ca05 8d3a02a5

Merge pull request #780 from nosixer/2.0 

Input 组件增加autofocus属性
Showing 4 changed files with 16 additions and 4 deletions   Show diff stats
Inline Side-by-side
examples/routers/input-number.vue
  Show/Hide comments   View file @5d5f8dc
1 <template> 1 <template>
2 <div> 2 <div>
3 - <Input-number :max="10" :min="-1" v-model="v1"></Input-number> 3 + <Input-number :max="10" :min="-1" v-model="v1" :autofocus="autofocus"></Input-number>
4 {{ v1 }} 4 {{ v1 }}
5 <div @click="c">change v1</div> 5 <div @click="c">change v1</div>
6 <Input-number disabled :max="10" :min="1" :step="1.2" v-model="v2"></Input-number> 6 <Input-number disabled :max="10" :min="1" :step="1.2" v-model="v2"></Input-number>
@@ -12,7 +12,8 @@ @@ -12,7 +12,8 @@
12 data () { 12 data () {
13 return { 13 return {
14 v1: 1, 14 v1: 1,
15 - v2: 1 15 + v2: 1,
  16 + autofocus: true
16 }; 17 };
17 }, 18 },
18 computed: {}, 19 computed: {},
examples/routers/input.vue
  Show/Hide comments   View file @5d5f8dc
1 <template> 1 <template>
2 <div style="width: 300px;"> 2 <div style="width: 300px;">
3 - <i-input v-model="value11" icon="ios-clock-outline"> 3 + <i-input v-model="value11" icon="ios-clock-outline" :autofocus="autofocus">
4 <span slot="prepend">.com</span> 4 <span slot="prepend">.com</span>
5 </i-input> 5 </i-input>
6 <i-input v-model="value11" icon="ios-clock-outline"> 6 <i-input v-model="value11" icon="ios-clock-outline">
@@ -17,7 +17,8 @@ @@ -17,7 +17,8 @@
17 value13: '', 17 value13: '',
18 select1: 'http', 18 select1: 'http',
19 select2: 'com', 19 select2: 'com',
20 - select3: 'day' 20 + select3: 'day',
  21 + autofocus: true
21 } 22 }
22 } 23 }
23 } 24 }
src/components/input-number/input-number.vue
  Show/Hide comments   View file @5d5f8dc
@@ -19,6 +19,7 @@ @@ -19,6 +19,7 @@
19 :class="inputClasses" 19 :class="inputClasses"
20 :disabled="disabled" 20 :disabled="disabled"
21 autocomplete="off" 21 autocomplete="off"
  22 + :autofocus="autofocus"
22 @focus="focus" 23 @focus="focus"
23 @blur="blur" 24 @blur="blur"
24 @keydown.stop="keyDown" 25 @keydown.stop="keyDown"
@@ -89,6 +90,10 @@ @@ -89,6 +90,10 @@
89 disabled: { 90 disabled: {
90 type: Boolean, 91 type: Boolean,
91 default: false 92 default: false
  93 + },
  94 + autofocus: {
  95 + type: Boolean,
  96 + default: false
92 } 97 }
93 }, 98 },
94 data () { 99 data () {
src/components/input/input.vue
  Show/Hide comments   View file @5d5f8dc
@@ -16,6 +16,7 @@ @@ -16,6 +16,7 @@
16 :name="name" 16 :name="name"
17 :value="currentValue" 17 :value="currentValue"
18 :number="number" 18 :number="number"
  19 + :autofocus="autofocus"
19 @keyup.enter="handleEnter" 20 @keyup.enter="handleEnter"
20 @focus="handleFocus" 21 @focus="handleFocus"
21 @blur="handleBlur" 22 @blur="handleBlur"
@@ -98,6 +99,10 @@ @@ -98,6 +99,10 @@
98 number: { 99 number: {
99 type: Boolean, 100 type: Boolean,
100 default: false 101 default: false
  102 + },
  103 + autofocus: {
  104 + type: Boolean,
  105 + default: false
101 } 106 }
102 }, 107 },
103 data () { 108 data () {