v1.0.20
http://jsfiddle.net/5sH6A/468/
Chrome / Firefoxは一方向に動作しますが、IE 11 / Edgeは別の方法で動作します。
Chrome / Firefox-チェックボックスをクリックしてfalseからtrueの状態に変更した場合、vueはクリックイベントの前にrow.selected値をtrueに更新しません。
IE 11 / Edge-チェックボックスをクリックしてfalseからtrueの状態に変更すると、vueはクリックイベントの前にrow.selected値をtrueに更新します。
同じことが真の状態から偽の状態になります
ブラウザーが異なれば、 change
イベントとclick
イベントが異なる順序でトリガーされます。これは、Vueが変更できるものではなく、Vueがこの動作を正規化する責任もありません。 click
ではなくchange
イベントをリッスンする必要があります。
変更ハンドラーのロジックをVue.nextTick
ラップすることにより、この問題を解決しました。 次に、常に更新された値にアクセスします。
別の解決策は、プロパティのウォッチャーである可能性があります。
受け入れられる答えはエヴァンのものでなければなりません。 それはすべての場合に機能します。
最も参考になるコメント
変更ハンドラーのロジックを
Vue.nextTick
ラップすることにより、この問題を解決しました。 次に、常に更新された値にアクセスします。別の解決策は、プロパティのウォッチャーである可能性があります。