我想在 livewire 3 佔位符內加入我的 laravel 元件的骨架 到目前為止我已經嘗試過:
透過包含 Laravel 元件來實作 Livewire 類別:
public function placeholder()
{
return <<<'HTML'
<x-skeleton />
HTML;
}
上述方法沒有渲染任何內容,
但是當我嘗試使用像這樣的直接 HTML 時:
public function placeholder()
{
return <<<'HTML'
<div class="card" aria-hidden="true">
<div class="card-body">
<p class="card-text placeholder-glow">
<span class="placeholder col-12"></span>
</p>
<p class="card-text placeholder-glow">
<span class="placeholder col-12"></span>
</p>
</div>
</div>
HTML;
}
效果很好, 我更喜歡使用 laravel 元件,因為它的可重複使用性 那麼如何解決這個問題
Your Answer
2 個答案
只是想讓事情變得簡單。能否讓 Livewire 元件的視圖進行條件渲染。
範例:
在您的 Livewire 元件中
public $show_skeleton = true;
在 Livewire 元件的檢視中
@if ($show_skeleton)@endif
在您的 Livewire 元件類別中
public function showSkeleton()
{
$this->show_skeleton = true;
}
public function hideSkeleton()
{
$this->show_skeleton = false;
}
現在使用上述方法來顯示和隱藏你的骨架。
Hot Questions
function_exists()無法判定自訂函數
2024-04-29 11:01:01
google 瀏覽器 手機版顯示的怎麼實現
2024-04-23 00:22:19
子窗口操作父窗口,輸出沒反應
2024-04-19 15:37:47
父視窗沒有輸出
2024-04-18 23:52:34
關於CSS心智圖的課件在哪?
2024-04-16 10:10:18
Hot Tools
vc9-vc14(32+64位元)運行庫合集(連結在下方)
phpStudy安裝所需運行函式庫集合下載
VC9 32位
VC9 32位元 phpstudy整合安裝環境運行庫
php程式設計師工具箱完整版
程式設計師工具箱 v1.0 php整合環境
VC11 32位
VC11 32位元 phpstudy整合安裝環境運行庫
SublimeText3漢化版
中文版,非常好用
熱門話題
抖音等級價目表1-75
20337
7
20337
7
wifi顯示無ip分配
13531
4
13531
4
虛擬手機號碼接收驗證碼
11851
4
11851
4
gmail信箱登陸入口在哪裡
8836
17
8836
17
windows安全中心怎麼關閉
8420
7
8420
7
熱門文章
2025年加密貨幣市場十大趨勢預測:下一個風口在哪裡?
2025-11-07
By DDD
幣圈土狗項目如何識別?避免歸零幣的陷阱與風險預警
2025-11-07
By DDD
解決CSS @media 查詢優先級與規則覆蓋問題的教程
2025-11-07
By DDD
win10字體安裝後在軟件裡找不到怎麼辦_win10字體安裝與識別方法
2025-11-07
By DDD
鐵路12306支付失敗訂單還在嗎_鐵路12306支付失敗訂單處理方法
2025-11-07
By DDD





