Vue.js 当我关闭表单对话框并重新打开时,表单仍然是红色的,并且不是’;t初始化。;
我用vuetify写了一个这样的表单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,
<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