iview 的modal内form表单校验的坑

在开发iview-admin时,在modal内进行表单校验,发现一个问题,因为新增和编辑modal是共用一个modal,在点击编辑,打开modal进行校验没有问题,之后关闭modal,在点击新增按钮,然后发现明明没有还没有输入数据,但上次的校验提示还留在modal上,这真是非常糟糕的体验

我通过查找找到了一个解决方法表单重置(this.$refs.formData.resetFields())可以清除校验,在点击确认和取消按钮的方法内添加这个方法,但经过一段时间的使用,发现这玩意儿不太好使。。。。/(ㄒoㄒ)/~~

后来我看到下源码发现modal并不是真正的被移除,所以我就想起v-if这东西,我把它加在modal里面form上面,对应modal的v-modal上

你可能感兴趣的:(vue,iview)