VueJS (2.x) を使用してクライアント側の ToDo リストを作成しようとしています。これは私のHTMLです:
リーリー次に、scripts/app.js でこれを実行しました:
リーリー私の問題は単純です。特定のリスト内のチェックボックスの状態を変更すると (チェックボックスをオンまたはオフにすると)、その直後のチェックボックスの状態も切り替わります。
なぜこれが起こるのか、そしてそれを修正する方法がわかりません。誰かがこれが起こっている理由 (v-for/switch-state が誤動作したときにここに戻る必要がないように) とその修正方法を教えてくれれば、それは素晴らしいことです。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
＃＃＃初め。- data
ではObjectの代わりにFunctionを使用するのが最善です。そうしないと、更新エラーが発生する可能性があります。Function
はコンポーネント定義で使用される場合にのみ受け入れられるためです。リーリープロパティを直接変更することはできません。デフォルトでは、Compulated Getterが 1 つだけあります。compatedプロパティを処理したい場合は、それにcomputed setterを与えます。vue2 は配列内の変更を認識しないため、- v-for
リーリー
を介して値をバインドできません。