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;
    }
  }
}
相关推荐
一壶浊酒..7 分钟前
什么是AJAX
前端·javascript·ajax
智能化咨询12 分钟前
基于Spring Boot + Vue 3的乡村振兴综合服务平台性能优化与扩展实践
vue.js·spring boot·性能优化
fruge36535 分钟前
从零到一:我在 Rokid Glasses 上“画”出一个远程协作系统
前端
BumBle41 分钟前
高频扫码场景下的去重与接口调用方案
前端·javascript
Mapmost1 小时前
半透明模型渲染全白?Mapmost Studio一招搞定
前端
SpiderPex1 小时前
JavaWeb登录模块完整实现解析:从前端点击到后端验证的全流程
前端
Qhappy1 小时前
某里连线九宫格图片wasm解密&识别
javascript
可乐爱宅着1 小时前
在VSCode的next.js项目中更好的使用eslint/prettier工具
前端·next.js
_大学牲1 小时前
🫡我在掘金写文章:一气之下开源 视频转无水印GIF 插件
前端·javascript
地方地方1 小时前
深入理解 instanceof 操作符:从原理到手动实现
前端·javascript