Сброс формы и полей ввода - PullRequest
Новая
       19

Сброс формы и полей ввода

0 голосов
/ 25 февраля 2019

Итак, я делаю простое приложение со списком задач с Framework7 и VueJS, но я изо всех сил пытаюсь понять, как сбросить поля ввода. 

<f7-list id="todo-form"> 
 <f7-list-input id="item-input" type="text" name="listitem">
 </f7-list-input>
</f7-list>
<f7-button @click="newItem">Add task</f7-button>

newItem() {
 let formData = this.$f7.form.convertToData('#todo-form');
 this.listItemName = formData.listitem;

 if (this.listItemName == '' || this.listItemName === undefined) {
  return false;
 } else {
  this.listItems.push(this.listItemName);
  console.log(this.$$('#item-input')); // What to do here?
 }
}

Я хотел бы сбросить item-input поле, когда я нажимаю кнопку.Я пытался использовать Dom7 ( не jQuery! ) для этого, но, похоже, ничего не хранит входное значение формы. После поиска в Google все, что я мог найти, - это предложения $$('#item-input').val(''), но .val неткогда я просматриваю элемент в консоли.

Помощь, как всегда, очень ценится!

...