iview重置表单并清除校验

·  阅读 561

需求:添加和编辑制度的表单是放在同一个表单里的,它们通过不同的条件显示或隐藏不同的表单信息,在编辑制度表单里需要把信息直接显示在里面,而添加页面不需要。

问题1:当我打开编辑表单再关闭,再打开添加页面,发现此刻添加页面的数据还停留在编辑页面。

方法:在打开添加页面或者在关闭编辑页面时候把类型名称的赋值清空就OK

问题2:当校验不通过关闭了表单后再打开,发现之前的校验提示还在。

方法1:

只需在关闭弹框的cancel方法中写上重置表单的方法即可
cancel() {
    this.$refs.formData.resetFields();
}

复制代码

方法2:

只需要在From标签上加上**v-if="showDialog"**这句代码,当关闭弹框时showDialog=false,
再次打开弹框是showDialog置为true,这样每次打开弹框它都会生成一个新的表单。
复制代码
分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改