el-form只对rules中个别字段进行校验

正常属性校验方式

js 复制代码
const moveToErr = () => {
  const errorDom = document.getElementsByClassName('el-form-item__error');
  console.log(errorDom)
  if (errorDom.length) {
    errorDom[0].scrollIntoView({
      block: 'center',
      behavior: 'smooth'
    })
  }
};

const saveItem = async (formEl?: FormInstance | undefined) => {
  const newFormEl = formEl?.[0] ? formEl[0] : formEl;
  if (newFormEl) {
    const valid = await newFormEl.validate((valid, fields) => !!valid);
    if (!valid) {
      moveToErr();
      return false;
    }
  }
}

针对个别属性进行校验(validateField)

js 复制代码
const submitVideoUpload = async (formEl?: FormInstance | undefined) => {
  const newFormEl = formEl?.[0] ? formEl[0] : formEl;
  console.log(newFormEl, 'newFormEl')
  if (newFormEl) {
    const valid = await newFormEl.validateField('video', (valid, fields) => !!valid);
    if (!valid) {
      moveToErr();
      return false;
    }
  }
}
相关推荐
火车叼位12 分钟前
Volta 下 `corepack` 失踪之谜:问题不在 Node,而在命令入口
前端
cmd15 分钟前
别再用错!5种JS类型判断方法,从原理到实战一文吃透
前端·javascript
小江的记录本18 分钟前
【Redis】Redis常用命令速查表(完整版)
java·前端·数据库·redis·后端·spring·缓存
Csvn23 分钟前
状态管理方案对比(Context、Zustand、Jotai 选型指南)
前端
Irene199124 分钟前
JavaScript 事件循环(Event Loop) 的运作流程(附:queueMicrotask() 将一个回调函数立即排队到微任务队列中)
javascript·事件循环·宏任务·微任务·调用栈·queuemicrotask
snow_yan24 分钟前
基于 json-render 的流式表单渲染方案
前端·react.js·llm
倒计时的尽头是什么25 分钟前
避免渲染大量数据造成页面卡顿——虚拟滚动
vue.js
wobi_baoyan26 分钟前
【已解决】使用Maven打包发生或者启动Spring Boot项目发生 错误: 不支持发行版本 17
服务器·前端·javascript
Dylan~~~26 分钟前
Go语言Web框架选型指南:从入门到精通
开发语言·前端·golang
学以智用28 分钟前
# TypeScript 高级特性(核心+实用)
前端·javascript·typescript