Cara menggunakan komponen laravel dengan ruang letak malas livewire

Question

Saya ingin menambah rangka komponen laravel saya di dalam ruang letak livewire 3 Apa yang saya cuba setakat ini:

Laksanakan kelas Livewire dengan memasukkan komponen Laravel:

public function placeholder()
{
    return <<<'HTML'
        <x-skeleton />
    HTML;
}

Kaedah di atas tidak memberikan apa-apa,

Tetapi apabila saya cuba menggunakan HTML lurus seperti ini:

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;
    }

Kesannya sangat baik, Saya lebih suka menggunakan komponen laravel kerana kebolehgunaannya semula Jadi bagaimana untuk menyelesaikan masalah ini

Answer 1

Hanya cuba untuk memastikan perkara mudah. Bolehkah pandangan komponen Livewire diberikan secara bersyarat?

Contoh:

Dalam komponen Livewire anda

public $show_skeleton = true;

Pada pandangan komponen Livewire

    @if ($show_skeleton)
        
    @endif

Dalam kelas komponen Livewire anda

public function showSkeleton()
{
    $this->show_skeleton = true;
}

public function hideSkeleton()
{
    $this->show_skeleton = false;
}

Sekarang gunakan kaedah di atas untuk menunjukkan dan menyembunyikan rangka anda.

Answer 2

Mengikut Dokumentasi, anda boleh melakukan ini dalam konfigurasi anda. Oleh itu, anda membuat paparan yang menjadikan komponen dan kemudian menetapkannya dalam konfigurasi. Ini juga menjimatkan anda daripada perlu menentukan ruang letak yang sama pada setiap komponen.

Tetapi, dari rupanya, anda boleh lulus dalam mana-mana rentetan, jadi anda juga boleh mengembalikan paparan yang diberikan: view('view')->render(). Juga, seperti sebelum ini, anda hanya boleh mentakrifkan pandangan untuk membuat komponen.