Inicio » Cursos » VUE.JS CRUD en PHP y MYSQL

Presentación del Curso

Base de Datos & Api Rest

SinglePage VueJS

Curso VUE.JS CRUD en PHP y MYSQL

Lección: 7 ➜ CRUD Delete | Eliminar usuario con Vue.js y axios

la implementación de esta funcionalidad es más sencilla, tan solo debemos enviar el id del registro a eliminar

Lección 7: 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{
                    //
                }
                
            })
        },

 


3605 visitas

Descarga el código del proyecto

Descarga el código fuente del proyecto adquiriendo el curso completo

Descargar ahora

Más cursos que pueden interesarte

Más cursos

Codea Codea App

México, Colombia, España, Venezuela, Argentina, Bolivia, Perú

© Todos los derechos reservados Codea App | ...de frente al código!!! | 2020 - 2023