vue+element页面回滚，表单必填项未填，回滚到当前的位置，提升用户体验。

快乐止于安静

于 2022-08-19 17:18:41 发布

阅读量1k

点赞数 2

分类专栏： vue 文章标签： vue.js elementui javascript

本文链接：https://blog.youkuaiyun.com/qq_42717601/article/details/126428723

版权

vue 专栏收录该内容

4 篇文章

订阅专栏

博客分享了一段JavaScript代码，用于实现前端表单验证时错误元素的自动滚动到视口中央，确保用户能快速注意到错误提示。这种方法适用于基于Element UI的项目。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.页面使用form表单验证

使用ref

const errDom = this.$refs.myForm.$el.querySelectorAll('.el-form-item__error')[0] || { scrollIntoView: () => {} }
errDom.scrollIntoView({ block: 'center' })

表单验证的类名
对应上面的图片
亲测可用！！！
有什么问题，请多多指教，感谢