對于表單驗(yàn)證失敗后，想自動定位到失敗的位置
?1.首先發(fā)起表單驗(yàn)證，失敗后拿到組件失敗的回調(diào)參數(shù)
valid：返回一個boolean類型
ValidateFieldsError：返回失敗的組件信息，如下
?當(dāng)valid為false時，利用scrollToField() 滾動到相應(yīng)的錯誤位置處文章來源：http://www.zghlxwxcb.cn/news/detail-516257.html
代碼如下：文章來源地址http://www.zghlxwxcb.cn/news/detail-516257.html
const submitForm=()=> {
proxy.$refs["postRef"].validate((valid,ValidateFieldsError) => {
console.log(ValidateFieldsError);
if (valid) {
state.submitLoading=true
state.form.creater=parseInt(store.getters.userInfo[0].userId)
if(state.form.inDate){
state.form.beginTime=state.form.inDate[0]
state.form.endTime=state.form.inDate[1]
}
addPost(state.form).then(response => {
ElMessage.success("新增成功");
state.open = false;
state.submitLoading=false
getList();
});
}else{
Object.keys(ValidateFieldsError).forEach((key,i) => {
const propName=ValidateFieldsError[key][0].field
if(i==0){
proxy.$refs["postRef"].scrollToField(propName)
}
})
}
});
}到了這里，關(guān)于Element ui plus Form 表單驗(yàn)證失敗后，自動滾動到失敗的位置（validate）（scrollToField）的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
