標籤: Livewire 頁1

教學

[Livewire] 上傳檔案並處理內容的方法

說明透過 Livewire 上傳檔案並處理內容的方法。

教學

[Livewire] 取得與設定 CKEditor 欄位的內容

把 Livewire 跟 CKEditor 整合資料的方式。

教學

[Livewire] 為了報告狀態而短暫出現的訊息- Flash Messages

有些時候我們可能會需要讓系統可以提示一些訊息,以往我們可能會透過 ajax 或 fetch 的方式來溝通,而在 livewire 則是提供了很方便的 flash messages 的方法,這邊來看一下該怎麼使用。

教學

[Livewire] 生命週期(Lifecycle Hooks)

Livewire 的 Lifecycle Hooks 觸發時間。

教學

[Livewire] 跳轉到另一個頁面

在 livewire 裡可以透過 edirect() 的方法 來做導頁的效果。

教學

Livewire 與 AlpineJS- 透過 @entangle 分享狀態

透過 Livewire 的 @entangle 達成簡單聯結 AlpineJS。

教學

Livewire 整合 alpine.js 傳遞資料

說明在 livewire 內整合 alpine.js 傳值的方法。

教學

[Livewire] 將變數帶入直接透過 componet 建立的 view 裡

說明把變數帶到直接透過 livewire component 建立的頁面的方法。

教學

[Livewire] 使用 action 做前後端互動

在 Livewire 內我們可以透過 action 就能實現透過 livewire 做到更新內容的方法。

教學

[Livewire] 將 route 的變數帶入 component

在 Livewire 裡透過 mount 去抓取 route 設定的變數的方法。

教學

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

說明在 Laravel 直接使用 Livewire 的 component 當樣板的做法。

教學

[Livewire] 透過內建的方法驗證輸入資料

說明使用 Livewire 內建的方式做表單驗證的方法。

教學

[Livewire] 透過 Properties 傳遞資料

說明在 Laravel 的 Livewire 傳遞 Properties 的方法。

教學

在 Livewire 裡透過 model 讀取資料庫的資料

在 Laravel 裡透過 Livewire 讀取資料很方便,在建立 Livewire 相關的檔案後,可以在 Livewire 的 controller 裡把資料帶到前端。

教學

在 Laravel 用 livewire 實現前後端的無痛溝通

Livewire 是讓後端也可以很輕鬆做前後端溝通與互動的套件,我們透過實作看看他有多好用。

教學

[Livewire] 經過一段時間後隱藏透過 session flash 產生的 UI

透過偵測 livewire 的事件,實作經過一段時間後隱藏透過 session flash 產生的 UI。