Vue チェックボックスをオフにすると Null が返される

Question

私は Vuetify を使用して Vue アプリケーションを作成しています。このアプリケーションでは、v-for を使用してオブジェクトの配列を反復処理し、カードのリストを作成します。各カード内には、Vuex ストアの値を更新する計算されたゲッター/セッターにマップされるチェックボックスがあります。

チェックボックスが選択されている場合、値をログアウトしてフォルダー オブジェクトを表示します。ただし、チェックを外した場合、値は空の配列になります。チェックボックスがオフのときにフォルダーオブジェクトをセッターにプッシュする方法はありますか? false-valueを使用しようとしましたが、それをフォルダーオブジェクトにバインドする方法がないようです。

以下はカードのロジックです:

リーリー

以下は、設定ストア内の選択されたフォルダーを処理する双方向の計算プロパティです:

ああああ

Answer 1

ああ、チェックボックスの楽しさ... 昔、実際に POST フォームをバックエンド コードに送信したときは、POST リクエストで送信されたチェックボックスのみがチェックされていました。それらが動的に生成される場合、どれが DOM 内にあるかはわかりませんが、検査は行われません。

childFolders が isSelected 属性を持つようにコードをリファクタリングする方法 次に、

を実行できます

試したことはありませんが、推測です。