vモデルが更新される前に@clickが起動されたため、このパスを開始しました(例:http://jsfiddle.net/5sH6A/308/)
だから私はその価値が何であるかを知りませんでした。 私は自分のロジックをwatch:関数で試してみようと思っていましたが、以下の問題が見つかりました。
1.0.16
http://jsfiddle.net/5sH6A/303/
チェックボックスをクリックして、キャンセルを選択します
チェックボックスは空にする必要があります
チェックボックスは、バインドされたデータがfalseであるときにチェックされていることを示します
これは互換性に関するもののようです。
これは、Windows10のEdge12およびIE11で非常にうまく機能しますが、chrome49.0.2623.110では機能しません。
また、OpenSUSEの飛躍でFirefox41で動作します
ウォッチャー内で同じ値を設定することは常に悪い考えです...
これに対処する最も簡単な方法は、単にv-model
を使用しないことだと思います。 とにかく自分で値を制御しようとしています:http: //jsfiddle.net/yyx990803/5sH6A/310/
このパーティーに非常に遅れましたが、これらすべての年月を経ても、私にとってはまだ生きている問題です。 私の解決策:
v-modelでチェックボックス入力を使用する場合は、onchange @changeハンドラーを使用してください。 IEと妥当なブラウザの両方で動作します。
不思議なことに、v-modelチェックボックスと@clickを使用すると、v-model属性の値(「flgChecked」など)がChrome/Firefoxクリックハンドラーで逆になります。 つまり、チェックボックスをオンの位置にクリックしただけではfalseになり、オフの位置にクリックしただけではtrueになります。 だから-逆転。 しかし、IEは実際には「正しく」報告します。 それで 。 。 。 @changeを使用します。
あるいは、何かが足りないだけかもしれません。
最も参考になるコメント
このパーティーに非常に遅れましたが、これらすべての年月を経ても、私にとってはまだ生きている問題です。 私の解決策:
v-modelでチェックボックス入力を使用する場合は、onchange @changeハンドラーを使用してください。 IEと妥当なブラウザの両方で動作します。
不思議なことに、v-modelチェックボックスと@clickを使用すると、v-model属性の値(「flgChecked」など)がChrome/Firefoxクリックハンドラーで逆になります。 つまり、チェックボックスをオンの位置にクリックしただけではfalseになり、オフの位置にクリックしただけではtrueになります。 だから-逆転。 しかし、IEは実際には「正しく」報告します。 それで 。 。 。 @changeを使用します。
あるいは、何かが足りないだけかもしれません。