blade

Laravel と Livewire をインストールし、ラジオボタンのサンプルプログラムを動かす手順。 プロジェクト名（radio）を決めて以下のコマンドを実行します。 インストール時にプロジェクト名のディレクトリが作成されます。 インストールの最後に sudo でパスワードの入力を求められます。 ↓下のメッセージが表示されてインストールは終わります。 sail のエイリアスを定義します。 Laravel のインストールはここまで。 「sail up」でコンテナを起動します。 ララベルのトップディレクトリで、Livewireパッケージ をインストールします。 次のコマンドを実行して、radioコンポーネント を生成します。 次の 2つ のファイルが生成されます。 ※因みに、renderメソッド を定義しなくても livewire.radio は呼び出されます。 生成された Radioコンポーネント のクラスとビューを次のように置き換えます。 app/Http/Livewire/Radio.php resources/views/livewire/radio.blade.php ラジオボタンコンポーネントを配置するビューを作成します。resources/views/index.blade.php routes/web.php にルートを追加します。 ブラウザでアクセスしてみましょう。

「ページ上の全ての Livewire コンポーネントを取得する」には Livewire.all() を使います。 以下のようにすればコンポーネントのプロパティの値を取得することができますが、この component はどうも Proxy となっていて生のコンポーネントにアクセスしているわけではないみたいです。 生のコンポーネントにアクセスするには __instance を使います。 生のコンポーネントを使えば、id にアクセスすることや、data、childIds、name にもアクセスすることができます。 そして、今回のテーマ「JavaScriptで全てのコンポーネントのプロパティを取得するには？」は以下の Livewire.data関数 になります。 public/liveext.js resources/views/index.blade.php PHP側 で他のコンポーネントの値を参照する場合には、全てのコンポーネントのプロパティを Livewire.data() で送って参照してみようかなと思いました。