记录一下ant-design-vue 如何清除表单残留信息(包括校验不通过提示语)
记录一下ant-design-vue 如何清除表单残留信息(包括检验不通过提示语)话不多说直接上代码HTML代码如下:<a-modal title="修改部门" :visible="visibles" @ok="handleEdit" @cancel="handleCancelEdit"><a-form-modelref="editForm"
·
记录一下ant-design-vue 如何清除表单残留信息(包括检验不通过提示语)
话不多说直接上代码
HTML代码如下:
<a-modal title="修改部门" :visible="visibles" @ok="handleEdit" @cancel="handleCancelEdit">
<a-form-model
ref="editForm"
:label-col="{ span: 5 }"
:wrapper-col="{ span: 12 }"
:rules="rules"
:model="editForm"
>
<a-form-model-item label="名称" prop="name">
<a-input v-model="editForm.name" />
</a-form-model-item>
</a-form-model>
</a-modal>
script代码如下:
// 去掉表单验证信息二次打开残留
watch: {
// 去掉表单验证信息二次打开残留
visible(val, newVal) { //监听的是控制模态框显示或影藏开关的布尔值
// 监视dialog状态(打开、关闭)
if (val) {
try {
this.$refs['addForm'].resetFields() // 重置编辑表单
// addForm 为ref指向的表单
} catch (e) {}
}
}
}
更多推荐
已为社区贡献1条内容
所有评论(0)