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

相关推荐
代码搬运媛8 分钟前
原生websocket 双工demo
前端
limit007513 分钟前
三维 WebGIS 工具选型:加载、样式、分析、交付,一套界面能做完什么
android·前端·web3·安卓·webgl
全栈项目管理程序猿20 分钟前
ArcGIS JS 基础教程(35):体元系列 - VoxelLayer 时间维度动画
前端·javascript
mantou13228 分钟前
从纯 CSR 到 SSR:用 WebComponents 做一个 Next.js 式框架 Gemkit
前端·全栈·web components
cidy_9830 分钟前
深度拆解任务工作台架构:左右分栏、队列管理、实时刷新全方案
前端
Linye32 分钟前
告别“PRD 与原型两张皮”!我们把可交互原生组件直接嵌进了需求文档,还能双向回写 Markdown
前端
deli00733 分钟前
RSA 为什么公开公钥也解不开?2 个质数拆开实测一遍
前端
ModyQyW33 分钟前
vite-plugin-uni-pages 0.6:统一扫描规则,开发期少重启
前端·uni-app
门思科技38 分钟前
把 ThinkLink 接进 Home Assistant 与 Node-RED:一条 MQTT 转发器能走通的路
前端
没事写点啥1 小时前
WeKnora 回答溯源
前端·后端·ai编程