元素 ui：无法调用 resetField 来重置单个数字输入？

Question

我想重置元素 ui 中的单个数字输入字段...

根据文档应该有方法resetField： https://element.eleme.io/#/en-US/component/form#form-item-methods

我的数字输入是示例代码之后的 ruleForm 的一部分：

我试过了：

this.ruleForm.survivalYears.resetField()

和

this.$refs['ruleForm'].survivalYears.resetField()

我做错了什么？我目前的肮脏黑客看起来像这样：

this.ruleForm.survivalYears = -1 // assign some value to rerender
delete this.ruleForm.survivalYears

Answer 1

首先，为什么不在el-input 上使用clearable 属性？

注意：您不能将clearable 属性与以下组合使用 readonly属性

<el-input clearable></el-input>

这本身就可以解决您的问题，即使您仍然喜欢使用resetField，那么据我所知，您可以通过以下两种方式做到这一点：

a：如果你喜欢参考<el-form ref="myForm">。

resetForm() {
  var index = Object.keys(this.formObj).indexOf('myName');
  this.$refs.myForm.fields[index].resetField();
}

b：如果你喜欢参考<el-form-item ref="myName">

resetForm() {
  this.$refs.myName.resetField()
}