提交后如何重置v-bind？

问题描述

<Field name="name" v-slot={field}>
  <ion-input ref="name" name="name" v-bind="field" placeholder="Nome"></ion-input>
</Field>

resetForm() 重置 v-slot 但 v-bind="field" 将值保留在输入中。

重置前 enter image description here 重置后 enter image description here

解决方法

在您的示例中，您没有将变量绑定到任何特定属性。

语法 v-bind 只是 : 的长形式。

它需要一个后缀来表示属性。

例如 v-bind:value="field" 绑定到值。

简而言之，您可以将其写为 :value="field"

,

清除你绑定的变量

clear () {
    this.field = "";
}