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

What you need is to set this.text to an empty string in your submitForm function:

submitForm(e){
    this.todos.push(
        {
            text: this.text,
            completed: false
        }
    );
    this.text = "";

    // To prevent the form from submitting
    e.preventDefault();
}

Remember that binding works both ways: The (input) view can update the (string) model, or the model can update the view.