Bootstrap Vue チェックボックス <b-table> <b-form-checkbox>

Question

b-table で b-form-checkbox を使用しようとしています。選択したモジュール ID を取得してみます。

リーリー リーリー

選択したモジュール ID を取得することはできますが、チェックボックスを切り替えてもそれらを削除できません。チェックボックスがチェックされているか（true）、チェックされていない（false）かを追跡する方法について誰かがアイデアを提供できれば。前もって感謝します。

ああああ

Answer 1

チェックボックスの値はすでに v-model を介して list.modules[].selected に保存されているため、代わりに計算された prop を使用して選択されたモジュールを取得することができます。別の selected 配列を使用:

1. <b-form-checkbox> から削除 @change="selection(⋯)":

リーリー

2. selection メソッドと selected データ属性は不要になったので削除します。

リーリー

3. 選択したモジュールをフィルタリングするための計算プロパティを list.modules[] に追加します:

リーリー ＃＃＃＃＃＃デモ＃＃＃＃＃＃