重置表单和输入字段

Question

因此，我正在使用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！），但是似乎没有存储表单输入值的东西。在进行了谷歌搜索之后，我能找到的建议是$$('#item-input').val('')，但没有当我浏览控制台中的元素时，.val。

一如既往，非常感谢您的帮助！