解决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

相关推荐
我只会写Bug啊3 分钟前
Vue文件预览终极方案:PNG/EXCEL/PDF/DOCX/OFD等10+格式一键渲染,开源即用!
前端·vue.js·pdf·excel·预览
扯蛋4381 小时前
LangChain的学习之路( 一 )
前端·langchain·mcp
Mr.Jessy1 小时前
Web APIs学习第一天:获取 DOM 对象
开发语言·前端·javascript·学习·html
午安~婉1 小时前
javaScript八股问题
开发语言·javascript·原型模式
西西学代码2 小时前
Flutter---个人信息(5)---持久化存储
java·javascript·flutter
芝麻开门-新起点2 小时前
flutter 生命周期管理:从 Widget 到 State 的完整解析
开发语言·javascript·ecmascript
ConardLi3 小时前
Easy Dataset 已经突破 11.5K Star,这次又带来多项功能更新!
前端·javascript·后端
冴羽3 小时前
10 个被严重低估的 JS 特性,直接少写 500 行代码
前端·javascript·性能优化
rising start3 小时前
四、CSS选择器(续)和三大特性
前端·css
一 乐3 小时前
高校后勤报修系统|物业管理|基于SprinBoot+vue的高校后勤报修系统(源码+数据库+文档)
java·前端·javascript·数据库·vue.js·毕设