美文网首页
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