github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Merge pull request #1469 from Leopoldthecoder/slider-precision 

Slider: fix a decimal display bug
pull/1402/merge
baiyaaaaa 2016-12-02 11:47:33 +08:00 committed by GitHub
parent e0a5f1b8d4 9c301cdbe2
commit 395a129440
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/slider/src/main.vue
View File

@ -84,7 +84,7 @@
data() { data() {
return { return {
precision: null, precision: 0,
inputValue: null, inputValue: null,
timeout: null, timeout: null,
hovering: false, hovering: false,
@ -145,9 +145,7 @@
const lengthPerStep = 100 / ((this.max - this.min) / this.step); const lengthPerStep = 100 / ((this.max - this.min) / this.step);
const steps = Math.round(newPos / lengthPerStep); const steps = Math.round(newPos / lengthPerStep);
let value = steps * lengthPerStep * (this.max - this.min) * 0.01 + this.min; let value = steps * lengthPerStep * (this.max - this.min) * 0.01 + this.min;
if (this.precision) { value = parseFloat(value.toFixed(this.precision));
value = parseFloat(value.toFixed(this.precision));
}
this.$emit('input', value); this.$emit('input', value);
this.currentPosition = (this.value - this.min) / (this.max - this.min) * 100 + '%'; this.currentPosition = (this.value - this.min) / (this.max - this.min) * 100 + '%';
if (!this.dragging) { if (!this.dragging) {
@ -232,9 +230,11 @@
} else if (this.value > this.max) { } else if (this.value > this.max) {
this.$emit('input', this.max); this.$emit('input', this.max);
} }
if (this.step && this.step < 1) { let precisions = [this.min, this.max, this.step].map(item => {
this.precision = this.step.toPrecision(1).split('.')[1].length; let decimal = ('' + item).split('.')[1];
} return decimal ? decimal.length : 0;
});
this.precision = Math.max.apply(null, precisions);
this.inputValue = this.inputValue || this.value; this.inputValue = this.inputValue || this.value;
} }
}; };