[SOLVED] How to emit q-select @input only on change

[dmitry.polushkin]

Currently, if you use select @input it receives a value even if I click on the same option in the select which is currently selected. How I find with @input event that the select has changed it’s value?

[jraez]

I’m not sure if it’s doable but you can put a watch on your model.
In the watch, you’ll have the new value and the old value.

watch: {
    myModel (newValue, oldValue) {
        if (newValue != oldValue) {
           // value changed.
        }    
    }
  }

[Shoooryuken]

https://forum.quasar-framework.org/topic/2923/solved-q-select-on-change-event-not-triggered/5 ?

[dmitry.polushkin]

@jraez
Thanks for the one of the solutions, but it doesn’t work in my case.
While I’m going to use watch value will be already changed. And because I’m passing this value into a parent component via @emit that not what I want. Would be great to have more clear solution.

[dmitry.polushkin]

@Shoooryuken
There are no such event @change for q-select anymore since around v1.0. I’ve looked into the q-select sourcecode, but haven’t found any possible solution to do that easily. Might be I’ve looked in the wrong direction.

[jraez]

You can save the initial value in data when your child component is mounted. Then in @input check if the value is different than initial.

[metalsadman]

@dmitry-polushkin use lazy input, ie’ :value="model"... @input="doSomething".

[dmitry.polushkin]

@metalsadman thanks, that solved my issue. Really forgot the idea behind the v-model.