javascript - 尝试在 vue.js 中使用 clear() 清除表单时出现 Typescript 错误

Question

当用户单击重置按钮时尝试重置表单时，我收到 typescript 错误。

onClearSearchFormClicked() {
  this.$refs.searchForm.reset();
}

197:27 Property 'reset' does not exist on type 'Element | Element[] | Vue | Vue[]'.
  Property 'reset' does not exist on type 'Element'.
    196 |   onClearSearchFormClicked() {
  > 197 |     this.$refs.searchForm.reset();
        |                           ^
    198 |   }
Version: typescript 3.8.3

Answer 1

我不会建议其他答案。 TypeScript 正确地告诉您该对象不能是 HtmlFormElement。您宁愿使用type guard，而不是强制转换并抑制错误。 :

if (this.$refs.searchForm instanceof HTMLFormElement) {
  this.$refs.searchForm.clear();
}