框架
UI:element-UI
前端:vue2
bug場(chǎng)景
正常表單里面,有的信息要求必填或者加了一些限制,作為校驗(yàn)驗(yàn)證,只有走到校驗(yàn)才會(huì)執(zhí)行其他行為,比如調(diào)用保存接口。
this.$refs.editForm.validate((valid) => {
if (valid) {}
}
而我遇到的問題是,無論怎么點(diǎn)保存都不會(huì)正常往下走,校驗(yàn)狀態(tài)始終為false,也就是說校驗(yàn)這塊有問題。
可是程序頁面都沒報(bào)錯(cuò),表單信息填寫也都沒有問題
解決辦法
打印this.$refs.editForm.validate,發(fā)現(xiàn)寫著:文章來源:http://www.zghlxwxcb.cn/news/detail-848900.html
? validate(callback){var _this2=this;if(!this.model){console.warn('[Element Warn][Form]model is required for validate to work!');return;}var promise=void 0;// if no callback, return promise
if(typeof c…
于是我捋了一遍editRules: {}部分,每一個(gè)加校驗(yàn)的地方,發(fā)現(xiàn)確實(shí)有一個(gè)少了回調(diào)
像這種特殊的校驗(yàn)處理,一定要注意回調(diào)問題,特別是判斷越多越容易忽略文章來源地址http://www.zghlxwxcb.cn/news/detail-848900.html
到了這里,關(guān)于BUG:vue表單驗(yàn)證校驗(yàn)不報(bào)錯(cuò),必填都有信息,就是不能正常往下進(jìn)行的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!