V-range-slider - why doesn't the view change when the model changes?

Question

Vue.js

v-range-slider - does not change the view when the model changes, on the @change event in v-select I call a method that changes the object, but the view does not change - why so?
Sandbox .

Answer 1

Someone inattentively read the documentation . Instead of assigning values ​​to individual elements, overwrite the entire array:

filterRS.filter_range_value = [ selected_start, selected_end ];

All in all, it looks a bit dark. Maybe it's better to let the selected values ​​always be numbers? - this will allow you to use v-modelone array for both selects and ranges, without having to deal with manual synchronization. And where values ​​need to be represented in a human-understandable form, this can be done through a computed property - for example, like this .