vue.js javascript页面表单验证滚动

表单验证滚动"/>

vue.js javascript页面表单验证滚动

在开发过程中，有时候页面表单特别多，用户未填写时点击保存按钮触发表单验证规则，但相关的表单项并未在用户视觉范围内造成体验不良的问题，在此标记记录。

    this.$refs["form"].validate(valid => {if (valid) {//验证通过}else {this.$nextTick(() => {let errList = document.getElementsByClassName('is-error')if (errList && errList.length > 0){errList[0].scrollIntoView({// 滚动到指定节点// 值有start,center,end，nearest，当前显示在视图区域中间block: 'center',// 值有auto、instant,smooth，缓动动画（当前是慢速的）behavior: 'smooth',})}})}});