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

بناء الإكمال التلقائي مع Livewire v4

أنشئ قائمة منسدلة للإكمال التلقائي قابلة للبحث.

1 فبراير 2026دقيقة قراءةلايف وايرRead in English

في هذه الصفحة

  1. المكون

ابنِ مكون إكمال تلقائي.

المكون

php
@php
new class extends Livewire\Component {
    public string $query = '';
    public ?int $selectedId = null;
    public bool $showResults = false;
    
    #[Computed]
    public function results(): Collection
    {
        return strlen($this->query) >= 2
            ? User::where('name', 'like', "%{$this->query}%")->take(5)->get()
            : collect();
    }
    
    public function select(int $id, string $name): void
    {
        $this->selectedId = $id;
        $this->query = $name;
        $this->showResults = false;
    }
}
@endphp
كل المقالات

تابع القراءة

  • التفويض في مكونات Livewire v41 فبراير 2026دقيقة قراءة
  • مترجم Blaze المسبق: مكاسب أداء هائلة في Livewire v41 فبراير 2026دقيقة قراءة
  • بناء ميزة الإشارات المرجعية مع Livewire v41 فبراير 2026دقيقة قراءة