test/element
1
0
Fork 0
mirror of https://gitee.com/ElemeFE/element.git synced 2024-12-02 04:08:10 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Slider: fix a decimal display bug

Browse Source
This commit is contained in:
Leopoldthecoder 2016-11-30 10:57:13 +08:00
parent 568df8058d
commit 9c301cdbe2
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() {
return {
precision: null,
precision: 0,
inputValue: null,
timeout: null,
hovering: false,
@ -145,9 +145,7 @@
const lengthPerStep = 100 / ((this.max - this.min) / this.step);
const steps = Math.round(newPos / lengthPerStep);
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.currentPosition = (this.value - this.min) / (this.max - this.min) * 100 + '%';
if (!this.dragging) {
@ -232,9 +230,11 @@
} else if (this.value > this.max) {
this.$emit('input', this.max);
}
if (this.step && this.step < 1) {
this.precision = this.step.toPrecision(1).split('.')[1].length;
}
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);
this.inputValue = this.inputValue || this.value;
}
};