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