➜ CRUD Delete | Eliminar usuario con Vue.js y axios
Sumérgete en el fascinante mundo del desarrollo web con nuestro tutorial integral sobre cómo eliminar usuarios utilizando VueJS y PHP. Aprenderás a implementar operaciones de eliminación en un sistema CRUD, desde la construcción de interfaces dinámicas hasta la gestión eficiente de datos en el servidor. Este tutorial es parte de nuestro curso completo, brindándote las habilidades necesarias para desarrollar aplicaciones web interactivas y actualizadas. 🗑️💻
HTML
<!-- DELETE-->
<div class="contenedor" v-if="modalDel">
<div class="modal">
<h2>DELETE USER</h2>
<input type="text" name="name" id="name" v-model="currentUser.name" ><br>
<input type="email" name="email" id="email" v-model="currentUser.email"><br>
<input type="file" id="image" name="image"/><br>
<div class="buttons">
<button @click="modalDel=false;delUser()">Del</button>
<button @click="modalDel=false">Cancel</button>
</div>
</div>
</div>
Vue.JS
delUser(){
let fd = new FormData()
fd.append('id',app.currentUser.id)
axios.post(api+"?opc=delete",fd)
.then(function(response){
if(response.data.success){
app.currentUser = {}
app.getUsers()
}else{
//
}
})
},
4,656 visitas
Capítulo 8 – Diseño CSS | Mejorando el aspecto visual »
Descarga el código del proyecto
Descarga el código fuente del proyecto adquiriendo el curso completo
Comprar