【问题标题】:How to reset v-bind after submit?提交后如何重置 v-bind?
【发布时间】:2021-07-10 09:55:44
【问题描述】:

提交后如何重置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" 将值保留在输入中。

重置前:

重置后:

【问题讨论】:

    标签: vue.js ionic-framework vee-validate


    【解决方案1】:

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

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

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

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

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

    【讨论】:

    • 感谢您的回答!!我使用 v-bind 时没有问题。我只是不知道如何在我的方法(在本例中为 onSubmit)中重置 v-bind 或访问它们。
    • 您需要重置field 变量的值。例如,如果将输入值绑定到field,然后更改field 变量,它将在组件中更新。您如何更新 field 变量?
    • field 变量在我编写时自动更新。
    【解决方案2】:

    清除你绑定的变量

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

    【讨论】:

    • 感谢您的回答!我无法使用this 访问field 变量,但我已经使用了解决方法。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-09-23
    • 1970-01-01
    • 1970-01-01
    • 2023-02-05
    相关资源
    最近更新 更多