Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[MdSelect] @md-selected fired without changes #1781

Closed
2013xile opened this issue May 27, 2018 · 0 comments · Fixed by #1788
Closed

[MdSelect] @md-selected fired without changes #1781

2013xile opened this issue May 27, 2018 · 0 comments · Fixed by #1788
Labels

Comments

@2013xile
Copy link

Steps to reproduce

I am working on a select menu that produced by v-for divs and every select has its own v-model depend on item.status. I try to use @md-selected to fire a function that update the status on a remote api.

projects is a props from parent component

<div v-for="item in projects">
  <md-field>
    <md-select v-model="item.status" name="status" id="status" @md-selected="updateStatus(item)">
      <md-option v-for="s in status" :value="s">{{ s }}</md-option>
    </md-select>
  </md-field>
</div>

Which browser?

Chrome
"vue-material": "^1.0.0-beta-10.2",

What is expected?

The updateStatus function will be fired when select changes.

What is actually happening?

When the page loaded at first time, the function is fired immediatly without any changes on select.

Reproduction Link

https://codesandbox.io/s/0p7wokr8zv

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment