Input löschen Vue.js?

Hallo

Ich bin gerade mit Vue js eine To-Do-App am programmieren. Es gibt ein Input feld in dem man den Namen des To-Do's schreiben kann, danach kann man noch die Kategorie wählen z.B. Arbeit oder Privat. Alles funktioniert jedoch möchte ich gerne das nach dem ich den "Add to Board"/Submit Buttom drücke der Text aus dem Input Feld gelöscht wird.

Ich bin ein Anfänger was das Programmieren angeht und würde mich über Hilfe freuen.

Answer 1

[Babelfish]

Dann setze doch einfach eine leeren String in das INPUT. So in der Art:

input.value = "";

Woher ich das weiß: Berufserfahrung – Entwickle Webseiten seit über 25 Jahren.

Answer 2

[medmonk]

HTML:

<form id="todo_form" @submit.prevent="formSubmit">
  <input v-model="name" name="name" type="text" />
  <input v-model="email" name="email" type="email" />
</form>

JavaScript (Vue):

methods: {
 formSubmit: function(event) {
  this.submitted.name = this.name;
  this.submitted.email = this.email;
      
  this.name = this.email = ''; // empty string
  event.target.reset();
}

Mehr dazu:

• Stack Overflow: JavaScript - Clearing input in vuejs form
• Codepen - Vue.js form reset (Snippet)

LG medmonk

Woher ich das weiß: Berufserfahrung – Full-Stack Developer