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