🎉 Acceso anticipado Black Friday: Hasta un 80% de descuento en nuestros cursos

6d: 13h: 59m:31s'
Joan Carles Mairata Barceló
Joan Carles Mairata Barceló
Vue.js
Comparte:

Actualizar tabla después de insertar o editar

Estoy realizando un proyecto con vue, se tienen que insertar registros nuevos y poder editar los viejos. Los registros que se insertan deben de aparecer en el componente superior, pero estos no aparecen hasta que se refresca la página de forma manual. Como se puede hacer que una vez insertado el nuevo registro, este sea visible en el componente sin tener que refrescar de forma manual. Gracias.
Jorge Davila
Jorge Davila (838 xp)
Una forma de hacerlo es dándole una "llave" a los registros,si dicha llave se actualiza,el componente se ve forzado a renderizar nuevamente sin tener que actualizar la página.Puedes lograr dicho cometido de la siguiente manera:


<li v-for="(person,index) in persons" :key="index">{{person}}</li>

Esto garantizara que una vez que los registros dentro de la variable person se actualicen,el componente renderize nuevamente las filas que necesitas mostrar.