問題タブ [event-binding]

次の問題があります。

サイドバーには私のメニューがあり、ボタン kag をクリックすると、コンポーネント ヘッダーの 3 つの新しいボタンが読み込まれます (写真を参照)。

どのように実装できるかわかりません:( ヒントや例を教えてもらえますか?これはイベントバインディングで行われていることはわかっていますが、別のコンポーネントでクリックしてコンテンツを使用する方法はまだわかりません..

よろしくアンドレアス

これが私のダッシュボードです

変更イベントをクラス要素にバインドする場合、たとえば[0]ここで変更イベントを生成したクラス要素を検出するために、インデックスを適用する必要があります。

1 つの解決策は、クラス インデックスごとにコードを複製することです。これにアプローチするより賢明な方法はありますか？

したがって、入力をラップするラベルがあります。ラベルにバインドされたクリック イベントと、入力変更にバインドされた別の関数があります。これらは別々に発生する必要があります（値を変更できるものは他にもありますが、それらに対してクリックハンドラーを起動させたくありません）。

クリックは期待どおりにトリガーされますが、値が変更されることはなく、関連する関数が起動されることはほとんどありません。

そしてhtml：

Javascript の onload="function()" のような関数 onload 要素を呼び出そうとしています。

これはコードです：

関数は正常に動作しています。(クリック) で試してみると動作しますが、(ロード)、(オンロード)、(ロード) で試しても動作しません。