You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
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 onitem.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 componentWhich 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
The text was updated successfully, but these errors were encountered: