محمود الحبشمتاح لمشاريع جديدة
  • أعماليأعمالي
  • الخدماتالخدمات
  • المختبرالمختبر
  • المقالاتالمقالات
  • تواصلتواصل
عمّان--:--EN
المقالات/لارافيل

Teleport في Livewire للنوافذ المنبثقة

استخدم @teleport لعرض النوافذ المنبثقة خارج تسلسل المكونات.

16 يناير 2026دقيقة قراءةلارافيلRead in English

في هذه الصفحة

  1. Teleport أساسي
  2. مع شرط
  3. عنصر الهدف

نقل النوافذ المنبثقة:

Teleport أساسي

blade
@teleport('body')
    <div class="modal" wire:key="modal">
        محتوى النافذة
    </div>
@endteleport

مع شرط

blade
@if($showModal)
    @teleport('body')
        <div class="modal-overlay">
            <div class="modal">
                محتوى النافذة
                <button wire:click="$set('showModal', false)">إغلاق</button>
            </div>
        </div>
    @endteleport
@endif

عنصر الهدف

@teleport('#modal-container')
    <!-- المحتوى -->
@endteleport
كل المقالات

تابع القراءة

  • نمط فئات الإجراءات في Laravel16 يناير 2026دقيقة قراءة
  • فئات الإجراءات في Laravel: مسؤولية واحدة16 يناير 2026دقيقة قراءة
  • تحديد معدل API في Laravel16 يناير 2026دقيقة قراءة