vue中大表单提交时,滚动到报错位置

const valid = await ruleFormRef.value.validate().catch(() => {});
if (!valid) {
const isError = document.getElementsByClassName('is-error');
if (isError[0]) {
isError[0].scrollIntoView({
behavior: 'smooth',
block: 'center',
});
}
return;
}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • <template> <el-form :inline="false" :model="form" ref="...
    南漂一枚阅读 343评论 0 0
  • scrollIntoView()有三个参数: behavior 表示滚动方式。auto 表示使用当前元素的 scr...
    ZH彪阅读 2,025评论 0 1
  • 代码格式代码格式问题完全可以通过自动化工具来解决。标准的 eslint 规则( 如 Airbnb 或公司统一推出的...
    阿凯_8b27阅读 458评论 0 0
  • 方便起见不分parameter[形参,出现在函数定义中]和argument[实参,其值为传入函数的值],一律当作a...
    东月三二阅读 403评论 0 0
  • 背景 当我们在做后台管理系统时,经常会遇到非常复杂的表单: 表单项非常多在各种表单类型下,显示不同的表单项在某些条...
    漓漾li阅读 9,878评论 0 6