首先，加入校驗(yàn)規(guī)則 在使用element表單的時候，我們可以通過rules參數(shù)來設(shè)置校驗(yàn)規(guī)則。將需要校驗(yàn)的字段名稱作為key，校驗(yàn)規(guī)則作為value傳入一個對象中。 其次，在data()中定義校驗(yàn)

首先，加入校驗(yàn)規(guī)則

在使用element表單的時候，我們可以通過rules參數(shù)來設(shè)置校驗(yàn)規(guī)則。將需要校驗(yàn)的字段名稱作為key，校驗(yàn)規(guī)則作為value傳入一個對象中。

其次，在data()中定義校驗(yàn)規(guī)則

接下來，我們需要在data()中定義一個名為rule的對象，用來存放我們的校驗(yàn)規(guī)則。

對于需要自定義的校驗(yàn)規(guī)則

對于一些需要自定義的校驗(yàn)規(guī)則，我們可以根據(jù)實(shí)際情況進(jìn)行處理。可以在rule對象中添加自定義的校驗(yàn)方法。

單個字段的個別校驗(yàn)

如果只需要對某個字段進(jìn)行個別的校驗(yàn)，我們可以在el-form-item標(biāo)簽中單獨(dú)添加校驗(yàn)規(guī)則。將校驗(yàn)字段的prop屬性值作為key，校驗(yàn)規(guī)則作為value傳入rules參數(shù)中。

將校驗(yàn)規(guī)則與表單模型綁定

在element表單中，我們可以直接將rule和prop與表單模型綁定的對象的屬性相對應(yīng)。這樣就能夠正確地驗(yàn)證表單數(shù)據(jù)。

拼接校驗(yàn)字段名稱

最后，我們可以通過字符串拼接的方式，將校驗(yàn)字段的名稱和校驗(yàn)規(guī)則一同渲染出來的HTML中。這樣就能夠在表單中正確顯示校驗(yàn)字段的名稱。