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>
Chrome
"vue-material": "^1.0.0-beta-10.2",
The updateStatus function will be fired when select changes.
When the page loaded at first time, the function is fired immediatly without any changes on select.
Reproduction Linkhttps://codesandbox.io/s/0p7wokr8zv
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4