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

简介: el-form中el-form-item的error属性监听的是watch方法,也就是两次重复的错误操作,提示的错误信息一致,就不会触发watch方法。就会导致第一次获取error信息,信息正常显示在了页面中,第二次获取到了同样的error信息,信息却不显示在页面中了。

问题

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;
})                          })


目录
相关文章
element el-cascader动态编辑赋值后,不回显的解决方法(整理)
element el-cascader动态编辑赋值后,不回显的解决方法(整理)
|
9月前
Input 标签监听内容输入(change、input 事件区别)
Input 标签监听内容输入(change、input 事件区别)
64 0
|
6月前
el-input-number阻止外层button的冒泡
el-input-number阻止外层button的冒泡
50 0
|
6月前
Element-UI中el-input输入值不显示
Element-UI中el-input输入值不显示
150 0
|
6月前
el-input输入值无法在输入框显示
el-input输入值无法在输入框显示
|
7月前
|
前端开发
使用el-menu的时候遇到的bug以及解决方式
使用el-menu的时候遇到的bug以及解决方式
131 0
|
7月前
【element-ui用法】el-radio-group默认选择和数据回显问题的解决方案
【element-ui用法】el-radio-group默认选择和数据回显问题的解决方案
224 0
|
8月前
|
移动开发 HTML5
修改HTML5 input placeholder 颜色及修改失效的解决办法
修改HTML5 input placeholder 颜色及修改失效的解决办法
|
9月前
不使用el-form仅仅单独给el-input设置表单校验
不使用el-form仅仅单独给el-input设置表单校验
219 0
|
JavaScript 索引
el-dialog里的数组不更新,在关闭的一瞬间更新了
el-dialog里的数组不更新,在关闭的一瞬间更新了
257 0