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

تكامل JavaScript مع Livewire: أفضل الممارسات

دمج JavaScript مع مكونات Livewire لوظائف محسّنة.

24 ديسمبر 2025دقيقة قراءةلارافيلRead in English

في هذه الصفحة

  1. تكامل Alpine.js
  2. استدعاء JS من Livewire
  3. الاستماع في JavaScript
  4. الوصول للمكون من JS

تكامل JavaScript في Livewire:

تكامل Alpine.js

blade
<div x-data="{ open: false }">
    <button @click="open = !open">تبديل</button>
    <div x-show="open" wire:click="save">
        المحتوى
    </div>
</div>

استدعاء JS من Livewire

php
$this->dispatchBrowserEvent('show-modal');

الاستماع في JavaScript

window.addEventListener('show-modal', event => {
    modal.show();
});

الوصول للمكون من JS

Livewire.find('component-id').call('method');
كل المقالات

تابع القراءة

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