Del curso: Vue.js esencial

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.200 cursos impartidos por expertos del sector.

Creando components input costumizados utilizando v-model

Creando components input costumizados utilizando v-model - Tutorial de Vue.js

Del curso: Vue.js esencial

Comenzar mi mes de prueba gratis Comprar para mi equipo

Creando components input costumizados utilizando v-model

“

Cuando deseamos capturar el valor de un input dentro de un componente de Vue, debemos utilizar la directiva v-model para poder ligar una propiedad reactiva al valor del input. Como en este ejemplo, aquí yo tengo un formulario. Si yo intento, por ejemplo, modificar este input que tenemos aquí, puedes notar que el valor se guarda dentro del objeto reactivo ligado a este formulario. Vue nos ofrece la manera de crear componentes que se comporten de la misma manera. Esto significa que, a la hora de ligar una propiedad o un objeto reactivo a este componente, podemos utilizar la propiedad v-model para crear un two-way data binding. Esto significa que el valor que se envía al componente va a ser actualizado automáticamente en el componente padre utilizando igualmente la directiva v-model. Aquí, en este ejemplo, yo tengo un componente que se llama Notificaciones, el cual tiene tres propiedades: Comentarios, Candidatos y Ofertas. Yo estoy utilizando v-model en este componente para poder hacer…

Contenido