问题
el-form中el-form-item
的error
属性监听的是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; }) })