el-form中error重复错误只显示一次

515 阅读1分钟

问题

el-form中el-form-itemerror属性监听的是watch方法,也就是两次重复的错误操作,提示的错误信息一致,就不会触发watch方法。

就会导致第一次获取error信息,信息正常显示在了页面中,第二次获取到了同样的error信息,信息却不显示在页面中了。

解决方法

只需要在获取error时,先给一个空值,再来个this.$nextTick

修改前,只是直接赋值给变量error信息:

变量 = error信息;

this.errorPersonalForm = res.errors;

修改后,先置空,在再nextTick中赋值:

变量 = {}                    this.errorPersonalForm = {}
this.$nextTick(() => {      this.$nextTick(() => {
  变量 = error信息;              this.errorPersonalForm = res.errors;
})                          })