VueがIEのv-modelによって<select>の値を設定しない

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