Laravel8 livewireでバインディングを行う

Laravel8 livewireでバインディングを行う

Laravel8でPHPを利用してコードを記述するjavascriptのパッケージであるlivewireを使用して、バインディングを行うまでの手順を記述してます。

環境

  • OS windows10 pro 64bit
  • Composer 1.10.5
  • PHP 7.4.5
  • Laravel Framework 8.5.0

※windows10に Composer のインストールはこちら
※windows10に PHP のインストールはこちら
※windows10に Laravel8 のインストールはこちら

livewireインストール

composerを使用してインストールします。
コマンドプロンプト上から下記のコマンドを実行します。

livewire作成

まずは以下のコマンドで、testという名前で、Livewireを作成します。

「app\Http\Livewire」に「Test.php」と

「resources\views\livewire」に「test.blade.php」が生成されます。

ここでは、デフォルトで作成される「welcome.blade.php」を使用するので、まずは、「resources\views」にある「welcome.blade.php」を以下のように編集します。
※見栄えが悪いのでデフォルトのCSSを利用してます。

「test.blade.php」を以下のように編集します。

「Test.php」を以下のように編集します。

サーバーを起動してなければ起動します。

テキストフォームに入力した値が、バインディングされていることが確認できます。

「test.blade.php」を以下のように編集して、条件式を入れることも可能です。

実行結果