إقتباس من مشكلة ملئ الحقول عن طريق ال JavaScript مع Livewire

Programmer Programmers · 12 فبراير

عند استخدام خرائط Google maps:

إدخال الحقول النصية تعمل على مايرام لكن عند إدخال ملف تختفي الخريطة

<div class=" mb-3 col-md-6 ">
    <label class="form-label" for="contract">إدخال ملف </label>
    <input wire:model="contract" type="file" id="contract" required=""
        value="{{ old('contract') }}" name="contract" class="form-control"
        placeholder="الرجاء إدخال الملف  ">
    @error('contract')
        <div class="text-danger px-2 showValidationError ">
            {{ $message }}
        </div>
    @enderror
</div>

هل يمكن حل المشكلة بهذه الدالة

$this->dispatch('map_opend');

محمد عاطف17 · 12 فبراير

عند استخدام الحقول الخاصة لرفع الملفات فى livewire فانه يتعامل معها باختلاف عن الحقول النصية .

حيث يقوم livewire برفع الملفات تلقائيا عن اختيار الملف فى مجلد مؤقت ويقوم ايضا بعمل validation عليه للتاكد من انه تم ادخال ملفات صحيحة كما قمت بتعريفها فى القواعد (rules) ويوفر livewire لك ايضا دالة تستخدمها لتعرض للمستخدم الصورة التى تم رفعها ويمكنك استخدامها كالتالى .

@if ($contract) 
        <img src="{{ $contract->temporaryUrl() }}">
@endif

ولحل هذه المشكلة لديك يمكنك استخدام wire:ignore على العنصر الخاص بالخريطة مثل الكود التالى .

<div  wire:ignore>
     {{-- هنا العناصر الخاصة بالخريطة --}}
</div>

وسيعمل معك جيدا ان شاء الله

حيث يقوم wire:ignore بتجاهل هذا العنصر ولا يقوم بتحديثه مع تحديث ال component

إقتباس من مشكلة ملئ الحقول عن طريق ال JavaScript مع Livewire

السؤال

Programmer Programmers

1 جواب على هذا السؤال

Recommended Posts

محمد عاطف17

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية