Livewire في wire:ignore استخدام التوجيه

٢٩ سبتمبر ٢٠٢٤

ميزة Livewire إنها بتقدر تعمل تحديثات مباشرة على الصفحة، وهاد اللي بخليها "حية". بس في بعض الأحيان ممكن تحتاج تمنع Livewire من تحديث جزء معين من الصفحة.في هاي الحالات، بتقدر تستخدم التوجيه wire:ignoreعشان تخبر Livewire إنها تتجاهل محتوى عنصر معين، حتى لو تغير بين الطلبات.هاد الإشي بيكون مفيد جدًا لما تتعامل مع مكتبات جافا سكريبت من أطراف تالتة لتخصيص إدخال النماذج وغيرها.

مثال : انا لو بستخدم بوتستراب مودال وبدي لما اضغط على زر معين يظهر هذا المودال دون احداث تغيير فيه .

<div class="modal fade" wire:ignore.self id="deleteConfrmationModal" aria-hidden="true"
aria-labelledby="..."
tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-body text-center p-5"><div class="buttons_modal mt-3">
<button class="btn btn-primary" wire:click="deleteItem">
continue
</button>
<button type="button" class="btn btn-light"
data-bs-dismiss="modal">close</button>
</div>
</div>
</div>
</div>
</div>
</div>

Mohammed HasabAllah

Talented Backend developer with great experience in Laravel