码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • ant design vue 表单出错,滚动到对应项


            表单验证出错后,如何定位到出错处呢?

    1. this.$refs.['elForm'].validate(valid => {
    2. if(!valid){
    3. this.$nextTick(()=>{
    4. const errorDiv = document.getElementsByClassName('has-error')
    5. errorDiv[0].scrollIntoView({ behavior: "smooth", block: "center" })
    6. })
    7. }{
    8. ....
    9. }
    10. })

    其中,scrollIntoView的参数:

      block: "center", // 显示在视图区域:值有start, center, end,nearest

      behavior: "smooth", // 动画:值有auto、instant, smooth

  • 相关阅读:
    前端体验优化(4)——数据
    Windbg 命令 (四)
    年龄到了一定程度才能体会到世界杯的真正意义
    【零基础入门MyBatis系列】第八篇——使用MyBatis的小技巧
    SpringBoot的自动配置原理
    XP小皮面板中的Mysql启动就停止,本地Mysql无法启动解决方法
    opencv视频录制
    如何在windows环境下编译T
    STM32单片机——IIC概念与协议软件模及固件库配置
    【Linux集群教程】10 集群监控 - Nagios 搭建
  • 原文地址:https://blog.csdn.net/reembarkation/article/details/136365377
  • 最新文章
  • 【FHE】我们如何实现同态加密推理(八):SiLU 的密文化——两条路径,和一个 8 字节的开关
    SQLcl 中 c/old/new 替换变量为何失效?先定位再替换
    不让模型写作文,直接从它脑子里读答案:Jev 决策在 .NET 的两条路线
    Halo插件:支持GitHub的图床附件策略
    电视投屏界的“一股清流”!SimpleTVCast 6.0.0-beta 抢先体验:无需TV端App,界面大换血!✨
    华三VXLAN集中式网关实战指南:Spine多活网关 + 双活接入(M-LAG)
    软件更好写之后口碑会更重要
    大 O、大 Omega、大 Theta 的区别,O(n) 复杂度是什么意思
    Java标签跳转:一个鲜为人知但却很实用的小技巧
    多智能体系统论文速读
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号