iview验证器表单验证错误怎么定位滚动到错误位置
时间: 2023-04-04 22:04:24 浏览: 176
微信小程序-scroll-view滚动到指定位置(类似锚点)
您可以使用以下代码来定位滚动到错误位置:
```
this.$refs.form.validate((valid) => {
if (!valid) {
this.$nextTick(() => {
const firstError = document.querySelector('.el-form-item__error')
const form = document.querySelector('.el-form')
const formRect = form.getBoundingClientRect()
const errorRect = firstError.getBoundingClientRect()
const offset = errorRect.top - formRect.top - 100 // 100 是偏移量
form.scrollTop = offset
})
}
})
```
其中,`this.$refs.form` 是表单的引用,`.el-form-item__error` 是错误提示的 class 名称,`.el-form` 是表单的 class 名称。`100` 是偏移量,您可以根据实际情况进行调整。
阅读全文