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

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

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

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

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

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

對于一些需要自定義的校驗規(guī)則，我們可以根據(jù)實際情況進(jìn)行處理?？梢栽趓ule對象中添加自定義的校驗方法。

單個字段的個別校驗

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

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

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

拼接校驗字段名稱

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