question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Support for v-model

See original GitHub issue

It’d be great if the component would support v-model for the selected values, so that the reactiveness is maintained rather than having to listen to the events being triggered (which is what I assume you have to do at the moment to get the new values?).

Issue Analytics

  • State:open
  • Created 3 years ago
  • Comments:7

github_iconTop GitHub Comments

1reaction
flozdracommented, Jul 8, 2021

You can set the slider values with the update() function.

Set a ref on your component and then call this.$refs.histogramSlider.update({ from: 10, to: 50 })

0reactions
dukie66commented, May 5, 2021

Is there any way to reset the value to initial? I want to make the slider’s value to the initial value on a button click.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How To Add v-model Support to Custom Vue.js Components
To let our component support v-model two-way binding, the component needs to accept a value prop and emit an input event.
Read more >
What you should know about Vue v-model - LearnVue
Vue v-model is a directive that creates a two-way data binding between a value in our template and a value in our data...
Read more >
V-model support without requiring value prop - Localazy
Optional v-model support. Let's start by creating a simple search component that will accept value as prop. If the user doesn't provide it,...
Read more >
Form Input Bindings - Vue.js
v-model supports value bindings of non-string values as well! In the above example, when the option is selected, selected will be set to...
Read more >
Using v-model in Vue 3 to build complex forms - LogRocket Blog
Fortunately, Vue 3 provides developers with more flexibility and power when it comes to building custom components that support two-way data ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found