Vue: IE 11 の vue 2.0.0 (またはそれ以降) では、select 要素を正しくレンダリングできません。

作成日 2017年07月25日  ·  4コメント  ·  ソース: vuejs/vue

バージョン

2.4.2

再現リンク

https://jsfiddle.net/ntdd9g2a/86/

再現する手順

  1. IE11でリンクを開く
  2. 選択要素が正しくレンダリングされないことを確認してください

何が期待されますか?

select 要素の 2 番目のオプション ('菜素二') が表示されている必要があります

実際に何が起こっているのですか?

select 要素の 3 番目のオプション ('菜単位三') はまだ表示されています


この問題を解決するには、setTimeout を使用する必要があります。 それでどうなったか知りたい

bug

全てのコメント4件

確かに問題はありそうです。 これをすでに修正したかどうかはわかりませんが、まだリリースしていません

@posva

これが修正されるまでの jsFiddle の例の回避策 (これはおそらく SSR では機能しません):

  mounted: function() {
    var self = this;
    window.setTimeout(function() {
      self.selected = '2';
    }, 0);

Vue.nextTick()は機能しませんでした。
ここで OP jsFiddle をフォークしました: https://jsfiddle.net/sidecut/ncznhLt8/

有難うございます。

このページは役に立ちましたか?
0 / 5 - 0 評価