element-plus表單必填校驗(yàn)提示不消失

1. 先上截圖
image.png
2.發(fā)現(xiàn)問題：

邏輯很簡(jiǎn)單，申報(bào)總價(jià)先失焦觸發(fā)必填提示，申報(bào)數(shù)量回車事件經(jīng)公式[申報(bào)數(shù)量*申報(bào)單價(jià)=申報(bào)總價(jià)]，發(fā)現(xiàn)申報(bào)總價(jià)的必填提示沒有消失。

3.解決問題

申報(bào)總價(jià)的校驗(yàn)規(guī)則通常是這樣寫的：

DclTotal: [
    {
      required: true,
      message: '該欄必填，不能為空',
      trigger: 'blur'
    }
  ]

于是改為：

DclTotal: [
    {
      required: true,
      message: '該欄必填，不能為空',
      trigger: [ 'blur','change']
    }
  ]

改完發(fā)現(xiàn)申報(bào)總價(jià)的必填提示還是沒有消失，想著不應(yīng)該啊，于是去官網(wǎng)copy demo來測(cè)試，發(fā)現(xiàn)demo的必填提示消失了，nnd，難道是我封裝的表單組件有問題？帶著疑惑，我還是先查看了我的規(guī)則：

image.png

打印結(jié)果如下：

image.png

原來我的規(guī)則了多了whitespace屬性，注意描述的是屬性而不是值，其實(shí)不管此屬性是值是false還是true，申報(bào)總價(jià)的必填提示依然不會(huì)消失，于是把whitespace去掉，果然必填提示消失了，最終改了下生產(chǎn)校驗(yàn)規(guī)則方法，解決了表單必填校驗(yàn)提示不消失的問題。

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

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

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