add watchers for min and max in inputNumber

Rijn
1 parent 7f08fb51
Showing 2 changed files with 12 additions and 1 deletions Show diff stats
examples/routers/input-number.vue
src/components/input-number/input-number.vue
 <template>
     <div>
-        <Input-number :max="10" name="he" :min="-1" v-model="v1" :autofocus="autofocus"></Input-number>
+        <Input-number :max="max" name="he" :min="-1" v-model="v1" :autofocus="autofocus"></Input-number>
         {{ v1 }}
         <div @click="c">change v1</div>
+        <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>
     </div>
@@ -14,6 +15,7 @@
             return {
                 v1: 1,
                 v2: 1,
+                max: 10,
                 autofocus: true,
                 obj: {
@@ -24,6 +26,9 @@
         methods: {
             c () {
                 this.v1 = 5;
+            },
+            changeMax () {
+                this.max++;
             }
         }
     };
@@ -273,6 +273,12 @@
             },
             currentValue (val) {
                 this.changeVal(val);
+            },
+            min () {
+                this.changeVal(this.currentValue);
+            },
+            max () {
+                this.changeVal(this.currentValue);
             }
         }
     };