[Livewire] 在 Laravel 的 route 直接設定 Livewire 的 componet 當頁面

2021-09-01 21:08:34

如果我們想要直接把整個 Livewire 的 component 設定成頁面，可以在 route 直接這樣設定：

Route::get('/correct-edit/{id?}', [\App\Http\Livewire\CorrectEdit::class,'__invoke'])
            ->name('correct.edit');

這樣就可以直接在 Livewire 的 component 設定 render 用的 view 了，範例如下：

public function render()
    {
        return view('livewire.admin.correct-edit')
            ->extends('layouts')
            ->section('content');
    }

blade 的設定可以參考這篇，用這種方法我們也可以直接使用既有的樣板與指定要插入的區塊，這樣就不用先建立一個只有放 livewire 元件宣告的 blade 了。

Day.js：輕量級的JavaScript日期處理函式庫 ICONS8- 收錄許多 icon 與插圖的網站

你可能也會喜歡的

[PHP] array_key_exists- 判斷某個陣列是否存在指定的 key

[WordPress] esc_url()- 過濾網址裡不安全的內容

[WordPress] 取得文章圖片(feature images) 的網址- get_the_post_thumbnail_url()

[PHP] 將資料表轉換為關聯式陣列

[PHP] 判斷如果沒有值給預設值- 簡化 isset 的語法

[CodeIgniter 4] 處理上傳檔案

課程推薦

AI工作術全面學習實戰營：6 堂精選課程，學會最好用 AI 工具，翻轉你的人生

《PChome雜誌》攜手 5 位在 AI 領域的專業講師，打造上述 6 堂實用課程，教你學會時下最好用的 AI 工具，導入生成式 AI 來產製工作內容，改造並升級你的工作流程。

輸入折扣碼 ZERO2024 還可以額外獲得 NT$400 優惠喔。

HTML與SEO實戰應用—並以ChatGPT助力提升網站品質與流量

本課程專為希望深入了解 HTML 並有效結合 SEO 策略的學員設計。我們將重點放在 HTML 的深度學習與應用上，同時穿插介紹如何透過搜索引擎優化提升網站能見度。透過即時互動式的直播教學，加上 ChatGPT 的輔助，您將學習到如何建立一個結構優良、美觀且符合 SEO 標準的網站。這不僅會提升網站的用戶體驗，還會大幅提高網站的搜索引擎排名，進而增加訪客流量和潛在客戶。