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

These solutions are good but if you want to go for less work then you can use $refs

<form ref="anyName" @submit="submitForm">
</form>

<script>
   methods: {
      submitForm(){
         // Your form submission
         this.$refs.anyName.reset(); // This will clear that form
      }
   }
</script>