element-plus的el-form表单必填项未填时定位到第一个未填项位置

小卿玖

已于 2022-10-20 11:57:43 修改

阅读量894

点赞数

文章标签：表单提交 ref属性 async验证错误定位前端验证

于 2022-10-20 11:55:02 首次发布

本文链接：https://blog.csdn.net/m0_48957210/article/details/127424352

版权


const ruleFormRef = ref()  //表单的ref属性
//表单提交时
const submitForm = async (formEl: FormInstance | undefined) => {
  if (!formEl) return
  await formEl.validate(async (valid, fields) => {
    nextTick(() => {
      const errDom = ruleFormRef.value.$el.querySelectorAll('.is-error')
      errDom[0].scrollIntoView({ block: 'center', behavior: 'smooth' })
    })
  })
}