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

Vue'de neden sürekli böyle bir Json Çıktısı veriyor olabilir ?

koti42

`{ "email": [ "The email has already been taken." ], "password": [ "The password must be at least 8 characters." ] }

`
Çıktı sürekli böyle json formatının içinde geliyor

      <p v-html="errorMessage"></p>
 catch (e) {
            console.log(e.response)
            vm.errorMessage = e.response.data.error
            console.log(e)
          }

oysa ki v-html yaptım sorunu nedir acaba

mgsmus

koti42 Bir sorun yok. Obje dönüyor, v-html ekrana basmak için string'e çeviriyor.

<p v-for="message in errorMessage">
    {{ message }}
</p>

koti42

mgsmus

[ "The email has already been taken." ]

Mustafa abi yanlarına böyle parantezler açıyor ama neden yapıyor bunu şimdi

{{String(message)}}
Bu şekilde çözdüm abi

mgsmus

koti42 Bir alanın birden fazla hata mesajı olabileceği için hata mesajı da dizi olarak dönüyor, o gözümden kaçmış. Obje üstünde işlem yapmadan, direkt şöyle yapılabilir:

<ul v-for="messages in errorMessage">
    <li v-for="message in messages">
        {{ message }}
    </li>
</ul>

ya da

computed: {
    messages: function() {
        let messages = []

        Object.values(this.errorMessages).forEach(message => {
            message.forEach(m => messages.push(m))
        })

        return messages
    }
}

koti42

mgsmus abi teşekkür ederim

bütün hata mesajları doğru çalışıyor abi ama bir bu böyle bir sorun çıkartıyor acaba fikrin var mıdır

mgsmus

koti42 String gelmiş, ona forEach uygulanmış, Javascript bu gibi durumlarda bu şekilde davranıyor. Benim yazdığım kod tam çözüm değil, yol göstersin diye. Arada bu dizi mi değil mi, boş mu dolu mu vs kontrolleri siz yapmalısınız.