Bootstrap Vue チェックボックス <b-table> <b-form-checkbox>
P粉684720851
P粉684720851 2024-03-31 18:36:11
0
1
543

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

リーリー リーリー

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

ああああ

P粉684720851
P粉684720851

全員に返信(1)
P粉086993788

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

  1. <b-form-checkbox> から削除 @change="selection(⋯)":
リーリー
  1. selection メソッドと selected データ属性は不要になったので削除します。
リーリー
  1. 選択したモジュールをフィルタリングするための計算プロパティを list.modules[] に追加します:
リーリー ######デモ######
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート