Vue: チェックボックスは、v-modelがfalseの場合にチェックされていることを示します

作成日 2016年04月08日  ·  3コメント  ·  ソース: vuejs/vue

vモデルが更新される前に@clickが起動されたため、このパスを開始しました(例:http://jsfiddle.net/5sH6A/308/)
だから私はその価値が何であるかを知りませんでした。 私は自分のロジックをwatch:関数で試してみようと思っていましたが、以下の問題が見つかりました。

Vue.jsバージョン

1.0.16

複製リンク

http://jsfiddle.net/5sH6A/303/

再現する手順

チェックボックスをクリックして、キャンセルを選択します

何が期待されますか?

チェックボックスは空にする必要があります

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

チェックボックスは、バインドされたデータがfalseであるときにチェックされていることを示します

最も参考になるコメント

このパーティーに非常に遅れましたが、これらすべての年月を経ても、私にとってはまだ生きている問題です。 私の解決策:
v-modelでチェックボックス入力を使用する場合は、onchange @changeハンドラーを使用してください。 IEと妥当なブラウザの両方で動作します。

不思議なことに、v-modelチェックボックスと@clickを使用すると、v-model属性の値(「flgChecked」など)がChrome/Firefoxクリックハンドラーで逆になります。 つまり、チェックボックスをオンの位置にクリックしただけではfalseになり、オフの位置にクリックしただけではtrueになります。 だから-逆転。 しかし、IEは実際には「正しく」報告します。 それで 。 。 。 @changeを使用します。

あるいは、何かが足りないだけかもしれません。

全てのコメント3件

これは互換性に関するもののようです。
これは、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を使用します。

あるいは、何かが足りないだけかもしれません。

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