Slider: precision is now a computed prop

packages/slider/src/main.vue

@@ -103,7 +103,6 @@
         firstValue: null,
         secondValue: null,
         oldValue: null,
-        precision: 0,
         dragging: false
       };
     },
@@ -119,10 +118,6 @@
         this.setValues();
       },
 
-      step() {
-        this.setPrecision();
-      },
-
       dragging(val) {
         if (!val) {
           this.setValues();
@@ -214,14 +209,6 @@
         if (this.disabled || this.dragging) return;
         const sliderOffsetLeft = this.$refs.slider.getBoundingClientRect().left;
         this.setPosition((event.clientX - sliderOffsetLeft) / this.$sliderWidth * 100);
-      },
-
-      setPrecision() {
-        let precisions = [this.min, this.max, this.step].map(item => {
-          let decimal = ('' + item).split('.')[1];
-          return decimal ? decimal.length : 0;
-        });
-        this.precision = Math.max.apply(null, precisions);
       }
     },
 
@@ -265,6 +252,14 @@
         return this.range
           ? `${ 100 * (this.minValue - this.min) / (this.max - this.min) }%`
           : '0%';
+      },
+
+      precision() {
+        let precisions = [this.min, this.max, this.step].map(item => {
+          let decimal = ('' + item).split('.')[1];
+          return decimal ? decimal.length : 0;
+        });
+        return Math.max.apply(null, precisions);
       }
     },
 
@@ -286,7 +281,6 @@
         }
         this.oldValue = this.firstValue;
       }
-      this.setPrecision();
     }
   };
 </script>