MENU
  • FUNBREWについて
    • 営業日・営業時間
  • 事業内容
    • ITサポート
    • ウェブサイト制作
    • システム開発
    • プログラミングレッスン
    • フリーランス転向支援
  • 対応エリア
  • FAQ
  • パートナー募集
    • 制作会社さまのITパートナーとして
  • お問い合わせ
  • イベント
  • 記事一覧
FUNBREW
あなたの会社のIT顧問
  • FUNBREWについて
    • 営業日・営業時間
  • 事業内容
    • ITサポート
    • ウェブサイト制作
    • システム開発
    • プログラミングレッスン
    • フリーランス転向支援
  • 対応エリア
  • FAQ
  • パートナー募集
    • 制作会社さまのITパートナーとして
  • お問い合わせ
  • イベント
  • 記事一覧
FUNBREW
  • FUNBREWについて
    • 営業日・営業時間
  • 事業内容
    • ITサポート
    • ウェブサイト制作
    • システム開発
    • プログラミングレッスン
    • フリーランス転向支援
  • 対応エリア
  • FAQ
  • パートナー募集
    • 制作会社さまのITパートナーとして
  • お問い合わせ
  • イベント
  • 記事一覧

Laravelのlivewireでpaginationが動かないとき

2022 11/29
技術ブログ
2022年6月12日 2022年11月29日
Laravel

livewireでページネーションを組み合わせて実装していたとき、表示して1回目のリンクは問題なく動作するが、2回目以降は動作しないという問題が起きていました。

今回私がハマった理由は、wire:keyの使い方が間違っていました。

元のコードは以下のような形です。

@foreach ($users as $user)
    <div>
        <livewire:basic-info />
        <livewire:details />
    </div>
@endforeach

間違った例はこんな感じ。

@foreach ($users as $user)
    <div :wire:key="$user->id">
        <livewire:basic-info />
        <livewire:details />
    </div>
@endforeach

うまく動作した例はこうでした。

@foreach ($users as $user)
    <div>
        <livewire:basic-info :wire:key="'basic-info-' . $user->id" />
        <livewire:details :wire:key="'details-' . $user->id" />
    </div>
@endforeach

それぞれのlivewireコンポーネントにkeyを設定する必要があるようです。

技術ブログ
  • Laravelで開発環境のポート番号を変更する
  • Laravelのbladeで変数を定義する

金井 泰樹のアバター 金井 泰樹 FUNBREW代表

FUNBREWの代表。
新卒からIT系の企業に勤め、SES、スマホアプリ開発、自社開発の会社で経験を積んで独立。
新卒時代にエンジニアとしてのキャリアを積むのに失敗し、その後に苦労した経験から、現在教育事業の立ち上げを準備中。
強みはウェブシステム開発全般と迅速なレスポンスです。

この著者の記事一覧へ

関連記事

  • Macでrenameコマンドを使って拡張子を変更する
    2023年3月19日 2023年3月19日
  • daisyUIでダークモードをオフにする
    2023年3月14日 2023年3月14日
  • flutterで外部からアクセスさせる
    2023年3月7日 2023年3月7日
  • Laravelのconfigを使って定数を設定をする
    2023年3月6日 2023年3月6日
  • Laravel Forgeの開発でdevドメインをSSL化する方法
    2023年3月3日 2023年3月3日
  • Laravel Forgeを使ってLaravelと静的サイトを同居させる
    2023年3月1日 2023年3月1日
  • Viteの設定ファイル内でバージョンを指定する
    2023年2月20日 2023年2月20日
  • PCにインストール済みのFlutterのバージョンを更新する方法
    2023年2月12日 2023年2月12日
  1. ホーム
  2. 技術ブログ
  3. Laravelのlivewireでpaginationが動かないとき
  • FUNBREWについて
    • 営業日・営業時間
  • 事業内容
    • システム開発
    • ウェブサイト制作
    • プログラミングレッスン
    • フリーランス転向支援
    • ITサポート
  • 対応エリア
  • FAQ
  • パートナー募集
    • 制作会社さまのITパートナーとして
  • イベント
  • お問い合わせ
  • 記事一覧
  • お知らせ

© FUNBREW

  • メニュー
  • FUNBREWについて
    • 営業日・営業時間
  • 事業内容
    • システム開発
    • ウェブサイト制作
    • プログラミングレッスン
    • フリーランス転向支援
    • ITサポート
  • 対応エリア
  • FAQ
  • パートナー募集
    • 制作会社さまのITパートナーとして
  • イベント
  • お問い合わせ
  • 記事一覧
  • お知らせ
目次