`update` and `change` event should not be emitted if change is exogenous about slider HOT 7 CLOSED

I think I have the same issue. I use a Slider in a child component, the parent sets/updates the slider's value through props. I need to send a command to a backend application when the slider changes (user sliding), but not when the parent updates it's value (through props+watch) ? Is that even possible ? Thanks !

from slider.

Since this issue has been overlooked by the author, just putting my workaround here.

in your parent component, you can add a willChange variable that is initially set to false. Every time you trigger an exogenous change, set willChange to true. In your onChange listener, you can return early if willChange is true but always remember to reset willChange to false. For example:

<template>
  <vue-slider v-model="value" @change="onChange"></vue-slider>
</template>

<script>
import VueSlider from '@vueform/slider'

export default {
  components: {VueSlider},
  data () {
    return {
      value: 0,
      willChange: false
    }
  },
  methods: {
    triggerChange (v) {
      this.willChange = true
      this.value = v
    },
    onChange () {
      if (!this.willChange) {
        // do something
      }
      this.willChange = false
    }
  }
}
</script>

from slider.

Yes ! Exactly what I thought of when I was running errands :)

from slider.

The only difference is that the Slider is inside a child component, but I'll give this a try.

from slider.

@yongjun21 it's working, but since I use Slider(s) in many child components, this is really hacky: i have to pass an object with { value, willChange } to the prop and then have to watch with deep: true etc. And I have a dozen of Sliders in my application, so it will become quite ugly :( @adamberecz, any thoughts ? Thanks !

from slider.

@adamberecz Thanks, how can I test it ? Looks like it's still version 1.0.3 here.

from slider.

Fixed in 1.0.4

from slider.