解决vue2+elementUI的下拉框出现自动校验的问题

问题:

总结原因是因为新增的时候,传了空值进去

可以这样子解决

js 复制代码
this.formData.value && this.$set(this.model, this.formData.key, this.formData.value)

这种是只有值存在的时候才会给他赋值,但是这只解决单选下拉框,多选下来框还是会

js 复制代码
if (Array.isArray(this.formData.value)) {
      this.$set(this.model, this.formData.key, this.formData.value.length > 0 ? this.formData.value : undefined)
    } else {
      this.formData.value && this.$set(this.model, this.formData.key, this.formData.value)
    }

因为多选的是数组,所以要判断数组的长度是否大于0,才赋值,否者就是undefined

还有一种方法就是一进入页面单独将会出现校验的字段手动清除,

js 复制代码
 this.$nextTick(() => {
          this.$refs['formRef'].clearValidate([item.key])
})

item.key是要清除校验的字段名。是表单ref的formRef

相关推荐
Calm5504 分钟前
ele表单未输入值提示为英文
前端
爪洼守门员19 分钟前
前端性能优化
开发语言·前端·javascript·笔记·性能优化
TOYOAUTOMATON24 分钟前
GTH系列模组介绍
前端·目标检测·自动化
2022.11.7始学前端29 分钟前
n8n第十节 把Markdown格式的会议纪要发到企微
前端·chrome·n8n
阿蒙Amon39 分钟前
JavaScript学习笔记:4.循环与迭代
javascript·笔记·学习
爱上妖精的尾巴1 小时前
6-3 WPS JS宏 add、delete、size、clear集合成员添加与删除
javascript·wps·js宏·jsa
郑州光合科技余经理1 小时前
海外版生活服务系统源码 | 外卖+跑腿一站式平台技术解析
java·开发语言·javascript·git·spring cloud·php·生活
fruge1 小时前
Lodash 源码精读:防抖节流的实现细节与边界场景
前端
yuzhiboyouye1 小时前
怎么熟悉一个web前端项目的业务呢?
前端
GISer_Jing1 小时前
AI在前端营销和用户增长领域应用(待补充)
前端·人工智能