Commit 7a05b6e5f9adb76493d6d9b99133f48f1045678d
1 parent
36a91579
fixed #1810
Showing
2 changed files
with
12 additions
and
3 deletions
Show diff stats
examples/routers/input-number.vue
... | ... | @@ -6,7 +6,8 @@ |
6 | 6 | <!--<div @click="changeMax">change max</div>--> |
7 | 7 | <!--<Input-number disabled :max="10" :min="1" :step="1.2" v-model="v2"></Input-number>--> |
8 | 8 | <!--<Input-number :max="10" :min="1" v-model="obj.v"></Input-number>--> |
9 | - <InputNumber :max="10" :min="1" v-model="value1"></InputNumber> | |
9 | + {{ value1 }} | |
10 | + <InputNumber :precision="1" :max="10" :min="1" :step="0.1" v-model="value1"></InputNumber> | |
10 | 11 | </div> |
11 | 12 | </template> |
12 | 13 | <script> |
... | ... | @@ -21,7 +22,7 @@ |
21 | 22 | obj: { |
22 | 23 | |
23 | 24 | }, |
24 | - value1: 1 | |
25 | + value1: 1.0 | |
25 | 26 | }; |
26 | 27 | }, |
27 | 28 | computed: {}, | ... | ... |
src/components/input-number/input-number.vue
... | ... | @@ -25,7 +25,7 @@ |
25 | 25 | @keydown.stop="keyDown" |
26 | 26 | @change="change" |
27 | 27 | :name="name" |
28 | - :value="currentValue"> | |
28 | + :value="precisionValue"> | |
29 | 29 | </div> |
30 | 30 | </div> |
31 | 31 | </template> |
... | ... | @@ -98,6 +98,9 @@ |
98 | 98 | }, |
99 | 99 | name: { |
100 | 100 | type: String |
101 | + }, | |
102 | + precision: { | |
103 | + type: Number | |
101 | 104 | } |
102 | 105 | }, |
103 | 106 | data () { |
... | ... | @@ -151,6 +154,10 @@ |
151 | 154 | }, |
152 | 155 | inputClasses () { |
153 | 156 | return `${prefixCls}-input`; |
157 | + }, | |
158 | + precisionValue () { | |
159 | + // can not display 1.0 | |
160 | + return this.currentValue.toFixed(this.precision); | |
154 | 161 | } |
155 | 162 | }, |
156 | 163 | methods: { |
... | ... | @@ -208,6 +215,7 @@ |
208 | 215 | this.setValue(val); |
209 | 216 | }, |
210 | 217 | setValue (val) { |
218 | + val = Number(Number(val).toFixed(this.precision)); | |
211 | 219 | this.$nextTick(() => { |
212 | 220 | this.currentValue = val; |
213 | 221 | this.$emit('input', val); | ... | ... |