Laravel Türkiye Discord Kanalı Forumda kod paylaşılırken dikkat edilmesi gerekenler!Birlikte proje geliştirmek ister misiniz?

livewire'da inputa default değer atamak

MrNeo

<label for="projectTitle">Proje Başlığı:</label>
<input type="text" class="form-control"
                   wire:model.defer="projectTitle"
                   name="projectTitle"
                   value="{{$currentItem->project_title}}"
                   />

Inputuma yukarıdaki şekilde default değer verince değer sayfada görünmüyor. Sağ tıklayıp incele yapınca value="başlık" olarak görünüyor fakat sayfada inputun içi boş görünüyor. Inputtaki wire:model kısmını kaldırınca sorun çözülüyor, inputun içinde default değer görünüyor ama o zaman da formumu submit edemem.

MrNeo

     <script>
        window.addEventListener('fill', event => {
            document.getElementById("titleInput").value = event.detail.projectTitle;
        });
    </script>

komponentte böyle bir event tanımladım ve edit modalını açan fonksiyonda bu eventi tetikleyerek çözdüm. Pek güzel bir çözüm olmadı ama bu sorun da garip bir sorun 😂

sineld

Yanlış yöntem.
public olarak değişkeni tanımlayıp, render methodu içinde değerini veriyorsunuz ve blade içinde kullanıyorsunuz.

// burası render methodu içinde
$this->userName = auth()->user()->name;

// burası blade view
{{ $userName }}

denizozturk

Doğru yöntem, değerin mount methodu içerisinde atanması şeklinde.

https://laravel-livewire.com/docs/2.x/properties#initializing-properties

mertasan

buradaki kurgu hatalı.

eğer wire:model ekliyorsanız name ve value kısımlarını eklemenize gerek yok.

wire:model.defer="projectTitle" gibi bir ekleme yaptığınızda livewire componentinde $projectTitle değişkenine ne value tanımlandıysa o gözükür. veri güncelleme işlemlerinde de $projectTitle değişir.

yani işin name ve value kısmını model halletmiş oluyor.

wire:model.defer="project.title" şeklinde array/object olarak tanımlanan dataları da kullanabilirsiniz.

yani şöyle bir şey:

class LaravelTurkiye extends Component
{
    public $project = 'foo';
    public $items = [
        'foo' => 'bar',
    ];
}

<label for="title">Proje Başlığı:</label>
<input type="text" class="form-control"
                   id="title"
                   wire:model.defer="project"
                   /> <!-- value: foo -->

<label for="item">Item Başlığı:</label>
<input type="text" class="form-control"
                   id="item"
                   wire:model.defer="items.foo"
                   /> <!-- value: bar -->

Inputtaki wire:model kısmını kaldırınca sorun çözülüyor

yani bu söylediklerime göre düşünecek olursanız; alıntıladığım kısmın sebebi de haliyle model olarak kullandığınız projectTitle 'ın herhangi bir value set edememesi ile alakalı.