Livewire 2.x ポーリング

Livewireは、wire:poll名前のディレクティブを提供しています。このディレクティブを要素に追加すると、2sごとにコンポーネントを更新します。

{tip} Ajaxの変更をポーリングすることは、Laravel Echo、Pusher、WebSocketなどを使用する戦略に代わる、軽量でシンプルな方法です。

<div wire:poll>
    Current time: {{ now() }}
</div>

750msのようなディレクティブ修飾子を渡すことで間隔をカスタマイズできます。例をご覧ください

<div wire:poll.750ms>
    Current time: {{ now() }}
</div>

wire:pollに値を渡し、ポーリング間隔で起動する特定のアクションを指定することもできます。

<div wire:poll="foo">
    Current time: {{ now() }}
</div>

これで、コンポーネントの fooメソッドを2秒ごとに呼び出します。

バックグラウンドでのポーリング

Livewireは、ブラウザータブがバックグラウンドにある場合のポーリングを減らし、ajaxリクエストでサーバーへ不必要な負担をかけないようにします。予想されるポーリングリクエストの約5%のみが持続されます。

タブがバックグラウンドにある場合でも通常のレートでポーリングを継続したい場合は、keep-alive修飾子を使用します。

<div wire:poll.keep-alive>
    Current time: {{ now() }}
</div>

要素が可視の場合のみのポーリング

コンポーネントが常にブラウザのビューポートに表示されていない場合(例えば、ページの下の方など)、wire:poll.visible修飾子を追加し、要素が表示されているときにのみサーバとポーリングするように設定できます。例えば、以下のように行います。

<div wire:poll.visible></div>

ドキュメント章別ページ

ヘッダー項目移動

注目:アイコン:ページ内リンク設置(リンクがないヘッダーへの移動では、リンクがある以前のヘッダーのハッシュをURLへ付加します。

移動

クリックで即時移動します。

言語
バージョン

設定

適用ボタンクリック後に、全項目まとめて適用されます。

カラーテーマ
和文指定 Pagination
和文指定 Scaffold
Largeスクリーン表示幅
インデント
本文フォント
コードフォント
フォント適用確認

フォントの指定フィールドから、フォーカスが外れると、当ブロックの内容に反映されます。EnglishのDisplayもPreviewしてください。

フォント設定時、表示に不具合が出た場合、当サイトのクッキーを削除してください。

バックスラッシュを含むインライン\Code\Blockの例です。

以下はコードブロックの例です。

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class User extends Model
{
    /**
     * ユーザに関連する電話レコードを取得
     */
    public function phone()
    {
        return $this->hasOne('App\Phone');
    }
}

設定を保存する前に、表示が乱れないか必ず確認してください。CSSによるフォントファミリー指定の知識がない場合は、フォントを変更しないほうが良いでしょう。

キーボード・ショートカット

オープン操作

PDC

ページ(章)移動の左オフキャンバスオープン

HA

ヘッダー移動モーダルオープン

MS

移動/設定の右オフキャンバスオープン

ヘッダー移動

T

最初のヘッダーへ移動

E

最後のヘッダーへ移動

NJ

次ヘッダー(H2〜H4)へ移動

BK

前ヘッダー(H2〜H4)へ移動

その他

?

このヘルプページ表示
閉じる