創(chuàng)建和編輯彈窗共用同一個(gè)彈窗豺谈,當(dāng)其中一個(gè)觸發(fā)表單校驗(yàn)后再次打開仍然存在(如圖)
image.png
后來我問了下度娘發(fā)現(xiàn)需要清空表單校驗(yàn)
this.$refs.form.clearValidate()
當(dāng)我在打開彈窗的函數(shù)中加上這一行代碼后再運(yùn)行會(huì)報(bào)錯(cuò)
this.$refs.xxx is undefined / xxx of undefined
類似的
首先需要排除ref定義名稱與使用名稱不一致
其次得在dom中存在后再清空校驗(yàn) 不然還是會(huì)報(bào)錯(cuò)
最后需要在打開彈窗的函數(shù)中加上this.$nextTick()
this.$nextTick(() => {
this.$refs.form.clearValidate()
})