Передайте данные от дочернего к родительскому компоненту с событием щелчка (данные) в Vue

Question

Мне нужно передать данные (slug) из кнопки @click в функцию с событием $ emit, а затем в компоненте Parent получить это и встроить в другой компонент в качестве подпорки, чтобы загрузить простой объект.

Это мой подход, но он не сработал

<- дочерний компонент (Conversaciones. vue) ->

  <template v-slot:title>
     <q-btn @click="SlugHijoPadre(conversacion.slug)">
     {{ conversacion.contenido }}
     </q-btn>
  </template>

  methods:{ 
    SlugHijoPadre(Slugdata) {
       this.$emit("enviar-conversacion", {
       slug: Slugdata 
  })}}

<- родительский компонент ->

  <Conversaciones @enviar-conversacion="slugConversacion"/>

  components: {
    Conversaciones,
    Conversacion
  },

  data() {
    return {
      slugs: {}
    };
  },

  methods: {

    slugConversacion(slug){
      this.slugs.push (slug);
      console.log(slug);
    }
  },

//And finally pass a property to call an especific object of another component:

  <Conversacion :slug="slugs"></Conversacion>

Answer 1

Проверьте ваше свойство slugs, это объект, а не массив, поэтому вы не можете использовать this.slugs.push. Измените его на slugs: []