En posts anteriores mostré la manera de eliminar las referencias de arreglos en JavaScript usando slice
o el operador de propagación. Sin embargo, con el framework Vue las cosas son un poco distintas debido a su reactividad.
Hoy te mostraré cómo eliminar la referencia de un arreglo en Vue o, en otras palabras, cómo realizar una copia de un arreglo en Vue.
Este error me dio bastantes dolores de cabeza, y siempre me los ha dado. Al fin encontré la solución y vengo a compartirla.
Vamos a hacer esto rápido. En ocasiones te puede funcionar slice o el operador de propagación, pero lo que a mí realmente me funcionó fue codificar y decodificar el arreglo con JSON.
Así como lo escuchas: codificamos el arreglo en JSON, y luego lo decodificamos. Al hacer esto, obtendremos una copia del arreglo sin referencias.
Nota: este método es lento, es decir, solo deberías usarlo en casos especiales o cuando los otros no funcionen.
En un proyecto que estoy desarrollando necesito agregar un arreglo a determinado objeto. Algo así:
Como lo ves en la línea 5 estoy asignando el arreglo a cada operación. Cada bulto tiene una persona que está trabajando sobre el mismo, pero como se mantienen las referencias, se muestra el mismo nombre en toda la columna:
Cuando en realidad debería mostrarse únicamente en la celda, y debería ser distinto. Así que al aplicar el truco que expongo, se ve así:
Esta es la única manera en la que me funcionó; no encontré otra. De igual modo no tiene tanto impacto en la aplicación web puesto que solamente se hace en una ocasión, y no en cada momento que se refresca la vista.
La impresión de un PDF en cualquier impresora se puede automatizar con un bot de…
Hoy te enseñaré cómo enviar un mensaje a un usuario desde un bot de Telegram…
El día de hoy te enseñaré algo muy sencillo pero útil al programar con PHP:…
El plugin para imprimir en impresoras térmicas alcanza hoy su versión 3.4.0 agregando soporte para…
En ocasiones es necesario leer los pixeles y colores de una imagen con JavaScript del…
Siguiendo con los tutoriales de listas desplegables o select con JavaScript, vamos a ver cómo…
Esta web usa cookies.