- 問題描述?
使用該方法獲取校驗(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: '必填'}],
},
- 解決思路
- 因?yàn)槲沂褂玫氖莍vew框架,所以我會先去ivew官網(wǎng)查看一番,一般一些比較簡單的問題,直接翻官網(wǎng)都能得到解決,但是我這種比較無厘頭的問題,很明顯,我在官網(wǎng)并沒有得到什么實(shí)質(zhì)性的收獲
- 上百度,就算不能從前輩或同行那里得到什么實(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字段,去掉后,正常呢。