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

Итак, я делаю простое приложение для списка дел с помощью 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.info(this.$$('#item-input')); // What to do here?
 }
}

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

Помощь, как всегда, приветствуется!