Javascript 单击“清除lightning输入和lightning文本”区域？

单击“取消”按钮时，希望重置标记为“名称”和“说明”的两个文本字段。但是，我得到了错误“[document.getElementById（…）为null]”。经过一些研究，我了解到当JS与HTML位于同一文件中时会出现此错误，但此JS位于单独的文件中，并且嵌套在按钮单击中，因此字段已经存在。我尝试将该值设置为空字符串，并使用.reset（）方法重置它

HTML：

<lightning-input label="Name" id="nameInput" name="nameInput"></lightning-input>
<lightning-textarea label="Description" id="descriptionInput" name="descriptionInput"></lightning-textarea>
<lightning-button label="Cancel" onclick={cancelStep}></lightning-button>

---

在lightning input中声明类并尝试以下代码：

this.template.querySelector('nameInput').reset();

this.template.querySelector('nameInput').reset();