15 49.0138 8.38624 1 0 4000 1 https://www.alexmedina.net 300 true 0

Vue: Pasar datos del componente hijo (child) al padre (parent)

0 Comments

Para pasar datos del componente hijo (child) al padre (parent) debes usar el método $emit 
v-on directive captura los eventos del componente hijo cuando es emitido por $emit

El componente hijo desencadena el evento clicked:

export default {
  methods: {
    onClickButton (event) {
      this.$emit('clicked', 'someValue')
    }
  }
}

El componente padre recibe el evento de clicked

<div>
  <child @clicked="onClickChild"></child>
</div>
export default {
  methods: {
    onClickChild (value) {
      console.log(value) // someValue
    }
  }
}
Previous Post
Async / await y el manejo de los bucles en Javascript

0 Comments

Leave a Reply

SOBRE MÍ

Afortunado de trabajar en lo que me gusta, aprendiendo cada día cosas nuevas y ayudando a crear proyectos.
Conocimientos en diversas tecnologías y experiencia demostrable.
¿Nos ponemos manos a la obra?

Mis Apuntes