Actualmente tengo una tabla que usa v-for para completar los datos
<table v-for="(data, idx) in dataset" :key="idx"> </table>Luego, tengo dos botones que insertan o eliminan ciertas cosas en la base de datos, después de lo cual me gustaría volver a llenar la tabla para reflejar estos nuevos cambios.
Hasta ahora, los datos se capturan desde una API que se llama en el ciclo de vida mounted .
mounted: function (){ axios.get(....).then((response => { this.dataset = response.data; }); } Por lo tanto, ¿es posible volver a llamar a la función mounted para llamar a la API y, por lo tanto, volver a ejecutar v-for ?
Simplemente puede extraer su lógica de carga en un método que se puede llamar desde múltiples ubicaciones:
const Comp = { methods: { fetchData() { axios.get(....).then(response => { this.dataset = response.data; }); }, onSomeOtherAction() { // Do stuff. this.fetchData(); }, }, mounted() { this.fetchData(); }, }