ボタンをクリックすると、返された JSON データに対して VueJS フィルタリングを実行します。

Question

ボタンをクリックして取得した JSON データをフィルタリングして、クリックしたボタン (私の場合は書籍名) に一致するデータのみが表示され、別のボタンが非表示になるまで一致しない他のデータは表示されます (書籍 )一致する他の名前をクリックします。

次のようにコンポーネントにリストとしてデータを入力しました:

リーリー

これらは次のように正しくレンダリングされます:

1. 錬金術師
＃＃＃ハリーポッター＃＃＃ ＃＃＃等...＃＃＃
さて、ボタン (ハードコード) があり、結果をフィルターしてクリックされたボタンのみを表示する必要があります。
3. リーリー
これは私の json データです:

リーリー

この問題を解決するためのアイデアをいただければ幸いです

Answer 1

動作デモ:

リーリー リーリー