1:场景形容:如果表单过长,且谬误字段和保留按钮没有在同一可视范畴内,用户不能及时通晓哪里出了问题,导致始终点击提交有效
2:阐明:表单验证谬误字段会带一个is-error的类,通过该类进行定位
3:外围源码:
/*** 对表单ref=edititemform进行相干规定验证* 如果验证不通过,仅需获取指定验证表单内的谬误字段:this.$refs.edititemform.$el* 如果你的页面上进存在一个form表单,能够间接通过document.getElementsByClassName来获取谬误字段* 滚动定位到第一个报错的字段即可**/this.$refs.edititemform.validate((valid) => { if (valid){ console.log("验证通过,做你后续操作") }else{ this.$nextTick(() => { let err = this.$refs.edititemform.$el.getElementsByClassName('is-error') if (err.length) { err[0].scrollIntoView({ block: 'center', behavior: 'smooth', }) } }) } });