vue 开发常见的问题
1.elementUI提交表单时焦点定位到第一个校验不通过处并给予提示
废话不多说上代码,如果前提校验的trigger均为change,如果为blur会出现重复提示
this.$nextTick((_) => {
const domError = document.getElementsByClassName(
'el-form-item__error'
)
if (domError.length > 0) {
this.$notify.warning({
title: '提示',
message: domError[0].textContent,
duration: 3000
})
}
const isError = document.getElementsByClassName('is-error')
if (isError.length > 0) {
isError[0].querySelector('input').focus()
}
})