Vue不在IE中通过v-model设置<select>值

时间:2017-08-15 18:08:40

标签: vue.js vuejs2

这似乎适用于Chrome,但不适用于IE。你有什么想法吗? &lt; select v-model =&#34; selected&#34;&gt;    &lt; option v-for =&#34;选项中的选项&#34; :value =&#34;选项&#34;&gt; {{option.foo}}&lt; / option&gt; &LT; /选择&GT; var data = [{foo:1},{foo:2}] var demo = new Vue({     el:&#39; #demo&#39;,     数据:{         选中:null,         选项:数据     },     已安装:function(){         this.selected =数据[1]     } }) http://jsfiddle.net/yMv7y/3267/ 相关票证:https://github.com/vuejs/vue/issues/6209

1 个答案:

答案 0 :(得分:2)

看起来像是一个时间错误。使用setTimeout,我能够让它工作,但使用$nextTick 修复它。

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

Updated fiddle