Vue没有设置<select>值在V模型在IE

Question

这似乎工作在Chrome，但不是IE。你有什么想法为什么？

<select v-model="selected"> 
    <option v-for="option in options" :value="option">{{ option.foo }}</option> 
</select> 

var data = [{ foo: 1 }, { foo: 2 }] 

var demo = new Vue({ 
    el: '#demo', 
    data: { 
     selected: null, 
     options: data 
    }, 
    mounted: function() { 
     this.selected = data[1] 
    } 
}) 

http://jsfiddle.net/yMv7y/3267/

相关机票：https://github.com/vuejs/vue/issues/6209

Answer 1

看起来像一个计时错误。与setTimeout，我能够得到它的工作，虽然使用$nextTick没有不是修复它。

mounted: function() { 
    setTimeout(function() { demo.selected = data[1]; }, 0); 
    } 

Updated fiddle