antdv: form 表单校验不通过时,让标红的项目滚动到可见范围内
this.$nextTick 是核心代码,因为 .ant-form-explain 类需要一段时间才会渲染出来,要等到页面渲染完成后,才能获取到标红的元素并滚动
this.$refs.parkPlanningFrom.validate(valid => {
if (!valid) {
// 页面有滚动条,让校验不通过的项目滚动到可见范围内
this.$nextTick(() => {
document.querySelector('.ant-form-explain').scrollIntoView({
block: 'center',
behavior: 'smooth'
})
})
return
}
……
})
生活是痛苦的白天,死亡是凉爽的夜晚。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了