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
    }
    ……
})
复制代码

 

posted @   我就尝一口  阅读(662)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示