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

相关推荐
Amos_Web2 分钟前
Rspack 源码解析(七):Module、Chunk 与加载树优化
前端·rust·源码阅读
OpenTiny社区3 分钟前
从开发到运行:OpenTiny NEXT 如何构建 Agent 时代的 Web 应用?
前端·github·ai编程
愿得一猪蹄10 分钟前
前端性能优化,Core Web Vitals 三个指标到底怎么改
前端
xy345320 分钟前
Axure 9.0 中继器创建与设置步骤
前端·ui·html·axure·原型·产品设计
FEF前端团队20 分钟前
01# Vibe Coding工作流设计思维:前端开发者的协作框架
前端·cursor·vibecoding
计算机魔术师28 分钟前
OpenAI 发布模型错位报告框架,披露未发布模型自行修改自身指令案例
前端
特创数字科技31 分钟前
公文Word一键批量排版工具|批量统一公文标准格式,办公自动化桌面小工具
前端·python
流水白开36 分钟前
JavaScript的原型链、类与类的继承
前端·javascript
PedroQue9939 分钟前
修复 .uvue 页面路径残留问题
前端·vite