InputNumber add editable property.

examples/routers/input-number.vue

@@ -6,7 +6,7 @@
         <!--<div @click="changeMax">change max</div>-->
         <!--<Input-number disabled :max="10" :min="1" :step="1.2" v-model="v2"></Input-number>-->
         <!--<Input-number :max="10" :min="1" v-model="obj.v"></Input-number>-->
-        <InputNumber :max="10" :min="1" :step="1.2" v-model="value2"></InputNumber>
+        <InputNumber :editable="false" :max="10" :min="1" :step="1.2" v-model="value2"></InputNumber>
         <InputNumber :precision="1" :max="10" :min="1" :step="0.1" v-model="value1"></InputNumber>
     </div>
 </template>

src/components/input-number/input-number.vue

@@ -25,7 +25,7 @@
                 @blur="blur"
                 @keydown.stop="keyDown"
                 @change="change"
-                :readonly="readonly"
+                :readonly="readonly || !editable"
                 :name="name"
                 :value="precisionValue">
         </div>
@@ -102,6 +102,10 @@
                 type: Boolean,
                 default: false
             },
+            editable: {
+                type: Boolean,
+                default: true
+            },
             name: {
                 type: String
             },