Vue.js 当我关闭表单对话框并重新打开时,表单仍然是红色的,并且不是’;t初始化。;

Vue.js 当我关闭表单对话框并重新打开时,表单仍然是红色的,并且不是’;t初始化。;,vue.js,vuetify.js,Vue.js,Vuetify.js,我用vuetify写了一个这样的表单 <v-form> <v-text-field autocomplete="off" v-model="model.password" :label="formschema.password.label" :rules="[rules.required,

我用vuetify写了一个这样的表单

   <v-form>
          <v-text-field
            autocomplete="off"
            v-model="model.password"
            :label="formschema.password.label"
            :rules="[rules.required, rules.min]"
            :append-icon="formschema.password.show ? 'mdi-eye' : 'mdi-eye-off'"
            @click:append="formschema.password.show = !formschema.password.show"
            :type="formschema.password.show ? 'text' : 'password'"
            required
          ></v-text-field>
          <v-text-field
            autocomplete="off"
            v-model="model.newpassword"
            :label="formschema.newpassword.label"
            :rules="[rules.required, rules.min]"
            :type="formschema.newpassword.show ? 'text' : 'password'"
            :append-icon="
              formschema.newpassword.show ? 'mdi-eye' : 'mdi-eye-off'
            "
            @click:append="
              formschema.newpassword.show = !formschema.newpassword.show
            "
            required
          ></v-text-field>
          <v-text-field
            autocomplete="off"
            v-model="model.comfirmpassword"
            :label="formschema.comfirmpassword.label"
            :rules="[rules.required, rules.min]"
            :append-icon="
              formschema.comfirmpassword.show ? 'mdi-eye' : 'mdi-eye-off'
            "
            @click:append="
              formschema.comfirmpassword.show = !formschema.comfirmpassword.show
            "
            :type="formschema.comfirmpassword.show ? 'text' : 'password'"
            required
          ></v-text-field>
        </v-form>
请帮助我。如何重置表单数据而不获取错误

我清理表单,只是让模型绑定到表单的items=默认模型。 例如:


我想这就是你想要的:


基本上,您必须在关闭对话框后调用
this.$refs.form.resetValidation()

您可以使用UseState。您没有提供尝试读取长度属性的代码部分。能否提供有关vue数据对象以及如何清理表单数据的更多详细信息?谢谢。但是我怎样才能重置一些数据而不是全部数据呢?你能解释一下“一些数据”是什么意思吗?你的意思是只重置1个字段验证,还是你想重置输入数据?@JasonLanbridge我想重置一些字段验证和数据,但不是表单的所有数据。例如{username,password}来重置密码,但不将用户名重置为null。如果您想重置密码,那么您可以只
model.comfirmpassword=''
。这也应该重置验证。
"TypeError: Cannot read property 'length' of null"
this.model = this.defaultmodel