vue element 表单多个验证时，滚动到验证提示的位置

60 阅读 0 评论 40 点赞

我是靠谱客的博主魔幻向日葵，最近开发中收集的这篇文章主要介绍vue element 表单多个验证时，滚动到验证提示的位置，觉得挺不错的，现在分享给大家，希望可以做个参考。

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

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

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

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

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

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