微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

提交后如何重置v-bind?

如何解决提交后如何重置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 = "";
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。