File tree 1 file changed +18
-7
lines changed
1 file changed +18
-7
lines changed Original file line number Diff line number Diff line change @@ -8,27 +8,34 @@ import { defaults } from "lodash";
8
8
9
9
export default {
10
10
mixins: [abstractField],
11
+
11
12
data () {
12
13
return {
13
14
slider: null
14
15
};
15
16
},
17
+
16
18
watch: {
17
19
model : function () {
18
20
if (window .noUiSlider ) {
19
- console .log (this .value );
20
21
this .slider .noUiSlider .set (this .value );
21
22
}
22
23
}
23
24
},
25
+
24
26
methods: {
25
27
onChange (value ) {
28
+ console .log (value);
26
29
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 ])];
29
35
}
30
36
}
31
37
},
38
+
32
39
ready () {
33
40
if (window .noUiSlider ) {
34
41
this .slider = this .$el ;
@@ -48,9 +55,13 @@ export default {
48
55
</script >
49
56
50
57
<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
+
54
65
}
55
- }
66
+
56
67
</style >
You can’t perform that action at this time.
0 commit comments