En este post de programación con el framework Vue o Vue.js te mostraré cómo acceder a data cuando regresamos los datos o el objeto data de nuestro componente.

Esto es necesario porque en ocasiones necesitamos acceder a los datos de Vue desde la definición.

Al final esto no tiene tanto que ver con Vue.js, sino con JavaScript. Pero incluso así en ocasiones podemos olvidar lo que sucede con los objetos anónimos.

No regreses un simple objeto

La sintaxis corta que vemos en varios lugares es:

Ya que es una función que va a regresar un objeto. Lo encerramos entre paréntesis para que no se confunda con el cuerpo de la función.

El problema está en que no vamos a poder acceder a los datos desde ese objeto, por ejemplo, al imprimir lo de la línea 4 vamos a tener un undefined:

Ya que this no tiene los datos en el momento de definir la data de nuestro componente.

Solución – Acceder a this desde data de Vue

Así que la solución es definir el objeto dentro de la función, ya no solo regresarlo. Lo definimos, y al final lo regresamos.

Pero dentro del objeto vamos a poder acceder a las propiedades del mismo en tiempo de definición:

Estamos definiendo el objeto en la línea 2. Dentro de este objeto podemos acceder a sí mismo como se observa en la línea 5.

Al final de la función devolvemos el objeto. Y de este modo podemos acceder a la data de Vue desde la definición de la misma.

Si te lo preguntas, a mí me sirvió al estar trabajando con validación de formularios usando Vuetify, ya que al definir las reglas debía comprobar si había una propiedad en true:

Lo que te comento está en la línea 6. Para terminar te dejo con más tutoriales de Vue.


Estoy disponible para trabajar en tu proyecto o realizar tu tarea pendiente, no dudes en ponerte en contacto conmigo.
Si el post fue de tu agrado muestra tu apoyo compartiéndolo, suscribiéndote al blog, siguiéndome o realizando una donación.

Suscribir por correo

Ingresa tu correo y recibirás mis últimas entradas sobre programación, open source, bases de datos y todo lo relacionado con informática

Únete a otros 2,824 suscriptores


parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

0 Comentarios

Deja un comentario

Marcador de posición del avatar

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

A %d blogueros les gusta esto: