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

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

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

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

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

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

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

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

如果只需要對(duì)某個(gè)字段進(jìn)行個(gè)別的校驗(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與表單模型綁定的對(duì)象的屬性相對(duì)應(yīng)。這樣就能夠正確地驗(yàn)證表單數(shù)據(jù)。

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

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