select with v-model stuck in an endless loop

[envomer]

Hi, i came across something weird after upgrading to the latest 1.0.25 release. I tried everything but i wasn't able to reproduce it on jsfiddle. Sorry 😢

My problem: v-model with select element. For some reason my app gets stuck in a loop when i paginate into a page that has a select tag with v-model

<select v-model="foo">
  <option v-for="group in groups.data" :value="group.id">{{ group.id }}<option>
</select>

So i snooped around the vue source and found out that my problem lies on line 55 to 57 of the "handle v-model select initial value edge cases in IE (fix #2983)" commit.
Link: aab74bd

If i comment out line 56 ["return nextTick(this.forceUpdate)"] of the commit, everything works smoothly.

I am using vueify, vue-router and vue-resource.

Vue.js version

1.0.25

Reproduction Link

Wasn't able to re-produce it

[warhsn]

getting the exact same issue here, rolled back to 1.0.24 and everything is working as it should.

[Sreilys]

I still have the "select with v-model stuck in an endless loop" problem.. any suggestion? Thanks

[crtjr64]

I have the same issues. I've created 4 custom drop down lists out of bootstrap's toggle switch to create a list of check boxes for each list. When one is selected it affects the other three to filter those options. Each are created using a getter. within these getters is where the underlying arrays are restricted which automatically affects the selected check boxes and the getters use these arrays to filter the options. There are times when it works, but as I am debugging the code to resolve any bugs I've often fallen into a trap where it permanently loops. It seems controlled by the vender.js file that just calls the other getters for some reason. Not sure why this has to happen because when I turn off the method that filters and selects the underlying arrays any action to one still causes the other getters to run