我是靠谱客的博主 魔幻向日葵,这篇文章主要介绍vue element 表单多个验证时,滚动到验证提示的位置,现在分享给大家,希望可以做个参考。

   最近项目有个下单的过程,需要输入很多信息,每次提交都要往下滑,还要去验证,测试后发现体验也不好,element框架也没提供这种滚动方法,

   不过提供了一个验证的方法 validate (两个参数:是否校验成功和未通过校验的字段),于是做了一个验证错误时的位置滚动。

   

   列举几个输入框,我是通过 ref 获取节点信息来算位置的,所以每一块都需要去设置ref属性(有好的建议可以留言哈)   

      <el-form-item label="联系人:" prop="trailer.address.name" ref="trailer.address.name"

最后

以上就是魔幻向日葵最近收集整理的关于vue element 表单多个验证时,滚动到验证提示的位置的全部内容,更多相关vue内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(97)

评论列表共有 0 条评论

立即
投稿
返回
顶部