SaveComponent.vue: Editar: Enviar data al servidor - Api CodeIgniter 4 - 31

Siguiente paso sería por acá hacer la petición put aquí, retornamos y ejecutamos el post y si no entrará por acá por si no lo ves bien:

src\router.js

{
   name: 'save',
   path:'/save/:id?',
   component: Save
}
async mounted() {

   if (this.$route.params.id) {
       await this.getMovie()
       this.init()
   }

   this.getCategories()
},

Como puedes apreciar, se pregunta por el ID de la ruta o por el post o la movie en este caso y si está definida entonces actualizar y si no por acá crear así que pues nada ya ahí lo vistes puedes hacerlo tú brincar el video ya yo voy a pasar a la implementación así que regresamos acá esto mismo se mantiene esto también para limpiar el formulario:

async getMovie() {
   this.movie = await axios.get('http://code4movies.test/api/pelicula/' + this.$route.params.id)
       .then(res => res.data)
       .catch(error => error)
},

Acepto recibir anuncios de interes sobre este Blog.

Vamos a enviar la data al servidor mediante una petición axios para editar los registros.

- Andrés Cruz

In english

Este material forma parte de mi curso y libro completo; puedes adquirirlos desde el apartado de libros y/o cursos Curso y Libro CodeIgniter 4 desde cero + integración con Bootstrap 4 o 5 - 2025.