[md-select] v-model in @md-selected returns previous value

[zapping]

If you try to get the value of v-model in the @md-selected event of md-select then it always shows the previous value and not the current selected one.

Is it possible to get the current value of v-model like in the @change event of select in vuejs?

[Samuell1]

Do you using 1.0.0-beta7 version? I tested it and its working normally.

[zapping]

Its 1.0.0-beta7

[Samuell1]

Can you please provide example at codepen or your code?

There is gif i tested it with multiple select

[zapping]

The md-select is not a multiple one but a single value select.

https://codepen.io/zapping/pen/yPdKvW

This issue, #1262, exists for me as well when rendering from backend service.

[VdustR]

In your case,

mdSelected () {
  this.paymentMode = this.paymentModes;
  console.log(this.paymentModes);
}

this.paymentModes would be changed on the next tick (it's next x2 actually), you should change it to:

mdSelected (val) {
  this.paymentMode = val;
  console.log(val);
}

and your would get the right value.

updated: This event should be emitted after the value changed.

[zapping]

What would go into the parameter val? I tried changing the event to @md-selected="mdSelected(paymentModes)" but still the same result. The pen mentioned above has been modified.

[zapping]

Thank you. Figured it. Its working now.

[VdustR]

No problem.

I already sent a PR for fixing the event emit time.

Your original code will work after it merged.