Vuetify: [Feature Request] Add "change" event to v-slider

[salomvary]

New Functionality

Allow updating the user interface or doing any other sort of action only when the user has finished changing the value of a slider. This will enable similar behavior to v-text-field or plain <input type=range> which have separate input and change events.

See also the definition of the change event: "The change event is fired for <input>, <select>, and <textarea> elements when a change to the element's value is committed by the user. Unlike the input event, the change event is not necessarily fired for each change to an element's value."

https://developer.mozilla.org/en-US/docs/Web/Events/change

Improvements

The only way to come up with a similar behavior is to either debounce the input event or somehow tap into the raw DOM events (if it is even possible).

Bugs or Edge Cases it Helps Avoid

N/a

[salomvary]

Happy to send PR if this makes sense.

[Nicholas-Fisher]

As a temporary work-around. Using v-on:click seems to work.

[dirk-ecker]

But what about the keyboard?

[gabber12]

@click also doesnot work when the mouse is left outside of viewport