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
  • Vue实现滚动到具体某元素位置
    scrollIntoView()有三个参数： behavior 表示滚动方式。auto 表示使用当前元素的 scr...
    ZH彪阅读 2,025评论 0赞 1
  • vue优化
    代码格式代码格式问题完全可以通过自动化工具来解决。标准的 eslint 规则( 如 Airbnb 或公司统一推出的...
    阿凯_8b27阅读 458评论 0赞 0
  • JS笔记
    方便起见不分parameter[形参，出现在函数定义中]和argument[实参，其值为传入函数的值]，一律当作a...
    东月三二阅读 403评论 0赞 0
  • vue+elementUI 复杂表单的验证、数据提交方案
    背景 当我们在做后台管理系统时，经常会遇到非常复杂的表单： 表单项非常多在各种表单类型下，显示不同的表单项在某些条...
    漓漾li阅读 9,878评论 0赞 6