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

parent child $emit

ahmetkuslular

Arkadaşlar merhaba. bir message girilince üst component de bulunan bir array'i değiştirmek istiyorum lakin parent component' deki methoda bir türlü giremedim. Kodlarım aşağıdaki gibidir. yardımcı olursanız sevinirim.

child Component(AddMessage)

this.$parent.$emit('newMessage', response.data)

ParentComponent

import AddMessage from './add_message.vue'
 export default {
 components: {
 add_message:AddMessage
 },
 data(){
 return {
 messages:[]
 }
 },
 methods:{
 newMessage: function (data) {
 console.log(data)
 this.messages.push(data)
 },
 }
 }

Remzi0068

Bunun icin bir event bus olusturmaniz gerekir. (Kücük projeler icin Vuex kullanmak yerine VueJS tarafindan önerilen yöntem).

resources/assets/js/app.js icine bos bir event Bus ekleyin

window.events = new Vue();

child Component(AddMessage)

events.$emit('newMessage', response.data);

ParentComponent

import AddMessage from './add_message.vue'
 export default {
 components: {
 add_message:AddMessage
 },
 data(){
 return {
 messages:[]
 }
 },
 methods:{
 newMessage: function (data) {
 console.log(data)
 this.messages.push(data)
 },
 },
 created(){
 events.$on('newMessage', (data) => {
 this.newMessage(data);
 })
 } 
 }

Event'leri izlemek icin Chrome'da Vue Devtools'da Sag Üst taraffda bulunan "Events" sekmesinden takip ve debug edebilirsiniz.