Skip to content

Commit 1f22d80

Browse files
committed
noUISlider: minor changes
Return with number
1 parent 5c61fb7 commit 1f22d80

File tree

1 file changed

+18
-7
lines changed

1 file changed

+18
-7
lines changed

src/fields/fieldNoUiSlider.vue

+18-7
Original file line numberDiff line numberDiff line change
@@ -8,27 +8,34 @@ import { defaults } from "lodash";
88
99
export default {
1010
mixins: [abstractField],
11+
1112
data() {
1213
return {
1314
slider: null
1415
};
1516
},
17+
1618
watch: {
1719
model: function() {
1820
if (window.noUiSlider) {
19-
console.log(this.value);
2021
this.slider.noUiSlider.set(this.value);
2122
}
2223
}
2324
},
25+
2426
methods: {
2527
onChange(value) {
28+
console.log(value);
2629
if (value.length === 1) {
27-
// this.value = parseInt(value[0], 10);
28-
this.value = value[0];
30+
// Single value
31+
this.value = parseFloat(value[0]);
32+
} else {
33+
// Array (range)
34+
this.value = [parseFloat(value[0]), parseFloat(value[1])];
2935
}
3036
}
3137
},
38+
3239
ready() {
3340
if (window.noUiSlider) {
3441
this.slider = this.$el;
@@ -48,9 +55,13 @@ export default {
4855
</script>
4956

5057
<style lang="sass">
51-
.vue-form-generator .field-noUiSlider {
52-
.field-wrap {
53-
display: block;
58+
59+
.vue-form-generator .field-noUiSlider {
60+
61+
.field-wrap {
62+
display: block;
63+
}
64+
5465
}
55-
}
66+
5667
</style>

0 commit comments

Comments
 (0)