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

Soru

Kevin-Mitnick

Selamlar vue.js te template içinde inputa model verip aşağıda script içinde kullanamıyor muyuz acaba ?

 {{ model.length }}

şeklinde ne yapmam lazım tam olarak anlamış değilim.

alihankoc

aşağıdaki gibi bir modeli inputta, script içinde, p tagı içinde vs nasıl kullanabileceğiniz hakkında fikir var.

data(){
 return {
 obje : {
 eleman:"selam",
 isim:"Kevin"
 } 
 }
},
computed:{
 sayHello(){
 return this.obje.eleman + " " +this.obje.isim 
 }
}

<p>{{ obje.eleman }}</p>

<input type="text" v-model="obje.eleman"/>

Kevin-Mitnick

@alihankoc olay bu değil anlatamadım herhalde Example.vue içinde bu şekilde kullanınca da hata alıyorum.

app.js:36915 [Vue warn]: Property or method "message" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

hata bu amacım textarenın içine girilen karakter sayısını bulmak .


<template>
<textarea v-model="deneme">
{{ deneme.length }}
</template>

çalışmıyor dediğim gibi.

alihankoc

Burda deneme ile ilgili bir problem yok ki.
Message diye bir data ya da fonksiyon yok diyor. siz sayfa içerisinde message diye birşey kullanmışsınız fakat export ettiğiniz yerde böyle bir şey yok.

elementaryos

Eğer model bir dizini ise o şekilde kullanabilirsin. Laravel içinde ise vue @{{ model.length }} yapman gerekiyor süslü parantezler çakışmasın.