記錄使用this.$refs.form.validate()遇到的一個(gè)問題

  • 問題描述?
    使用該方法獲取校驗(yàn)狀態(tài)的時(shí)候,一直獲取不到,console沒有結(jié)果輸出
this.$refs.form.validate().then((valid) => {
    console.log(valid)
});
  • 解決方法
    去掉沒有加入驗(yàn)證規(guī)則的prop
    什么意思呢?
    我在代碼中寫了很多這樣的prop,作為需要校驗(yàn)的字段
<FormItem label="跨網(wǎng)網(wǎng)關(guān)" prop="groupId">

但是,在我定義的rules里面沒有出現(xiàn)該prop

rules: {
   schemaId: [{required: true, message: '必填'}],
},
  • 解決思路
  1. 因?yàn)槲沂褂玫氖莍vew框架,所以我會先去ivew官網(wǎng)查看一番,一般一些比較簡單的問題,直接翻官網(wǎng)都能得到解決,但是我這種比較無厘頭的問題,很明顯,我在官網(wǎng)并沒有得到什么實(shí)質(zhì)性的收獲
  2. 上百度,就算不能從前輩或同行那里得到什么實(shí)質(zhì)性的解決,但最少也能開闊一下自己的腦洞。
    我就順帶說下我得收獲:
    • 確定自定義得規(guī)則在最后都進(jìn)行了callback()回調(diào)
    • 可以自己將this.$refs.form.validate()打印出來看看狀態(tài)

雖然看上去,并沒有什么實(shí)質(zhì)性得解決,但是我從中明白了,肯定是我的校驗(yàn)沒有完成,二話不多說。

console.log(this.$refs.form.validate())

果不其然啊,我的狀態(tài)是pedding狀態(tài),還沒有執(zhí)行完成,這個(gè)時(shí)候又繼續(xù)排查,確保校驗(yàn)規(guī)則沒有問題,那么就只能是上面,我自己定義多了prop字段,去掉后,正常呢。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容