【Laravel實戰】3分鐘搞懂Livewire的Prefetching

【Laravel實戰】3分鐘搞懂Livewire的Prefetching

Livewire 提供一種能力讓你提前取得 mouseover 行動的結果,以 Toggling 的方式來顯示內容,比如滑鼠指到某個關鍵字時跳出相關內容就是一種常見的應用

簡言之就是提前觸發某個行動的概念,原本要按下才觸發,現在變成滑鼠碰到就先觸發

當某個行動"不會"造成副作用,像是寫東西到 Session 或資料庫,就可以使用這個能力。假如你 prefetch 的這個行動具有副作用的話,這些副作用將無法預期何時會發生,要特別注意

如要使用這個能力,請加入 prefetch 修飾子到指定的行動

<button wire:click.prefetch="toggleContent">Show Content</button>

@if ($contentIsVisible)
    <span>Some Content...</span>
@endif

現在,當滑鼠指標碰到 "Show Content" 按鈕, Livewire 將會提取 "toggleContent" 行動的結果於背景。一旦該按鈕真的被按下,他將會在頁面上顯示內容而無需發送額外的網路請求。假如該按鈕並沒被按下,該提取回應將會丟掉


分享這篇文章:

關聯文章:

訂閱電子報,索取 Laravel 學習手冊

價值超過 3000 元,包含常用 Laravel 語法與指令!

Laravel 百萬年薪特訓營

從最基礎的 PHP 語法開始,包含所有你該知道的網頁基礎知識,連同 Laravel 從零開始一直到實戰,最後還將告訴你如何找好工作,讓你及早擁有百萬年薪