美文网首页
ElementUI 提交表单校验时跳转到错误位置

ElementUI 提交表单校验时跳转到错误位置

作者: 伊路顺峰 | 来源:发表于2022-10-24 19:40 被阅读0次

    我们在使用ElementUI 提交表单,会使用formEle来做表单校验,当用户输入的数据不合法时,会出现红色错误提示,但有时候我们的表单页面比较长,在页面底部提交时,页面顶部的位置报错,我们希望页面能自动滚动到相应报错的位置,解决这个问题可以使用

    setTimeout(() => {
              document.getElementsByClassName("is-error")[0].scrollIntoView({
                behavior: "smooth",
                block: "center"
              });
     }, 0);
    

    非常方便。

    相关文章

      网友评论

          本文标题:ElementUI 提交表单校验时跳转到错误位置

          本文链接:https://www.haomeiwen.com/subject/zjjozrtx.html