Clearing input in vuejs form

Question

Just completed a todolist tutorial. When submitting the form the input field doesn\'t clear.

After trying both:

    document.getElementById(\"todo-         


        

Answer 1

For reset all field in one form you can use event.target.reset()

const app = new Vue({
    el: '#app',    
    data(){
	return{        
            name : null,
	    lastname : null,
	    address : null
	}
    },
    methods: {
        submitForm : function(event){
            event.preventDefault(),
            //process...             
            event.target.reset()
        }
    }

});

form input[type=text]{border-radius:5px; padding:6px; border:1px solid #ffffd}
form input[type=submit]{border-radius:5px; padding:8px; background:#060; color:#fff; cursor:pointer; border:none}