记录一下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) {}
                }
            }
        }
Logo

前往低代码交流专区

更多推荐