一、首先是你需要為那幾個輸入框或者其他新增限制規則,你就要設定幾個規則並且命名最好和你繫結的值的關鍵字一樣
二、然後就是prop需要繫結在el-form-item上,如果el-input外層還有多個el-form-item,必須寫在父級的標籤上,不然規則不會成功
自己看看結構例如:
"執法人員2"
class
="item"
>
"6">
"investigate_user_2"
>
"cases.investigate_user_2"
>
<
/el-input>
<
/el-form-item>
<
/el-col>
"6">
"執法證號2" prop=
"investigate_identity_2"
class
="item right_x"
>
"cases.investigate_identity_2"
>
<
/el-input>
<
/el-form-item>
<
/el-col>
<
/el-form-item>
筆記:
如果使用限制他不為空的屬性時候,又需要去掉前面的星星,可以在e-form新增屬性
hide-required-asterisk
"80px"
class
="case_form"
:rules=
"rules" ref=
"cases"
:model=
"cases" hide-required-asterisk>
做個隨筆,怕忘記了,有錯請指出,一起進步。 element有關表單驗證
表單驗證的基礎是官網的api rules 位置放置在el form標籤當中 例如 rules formrules formrules則是放在data當中,其結構為 最後會附上一些相關例項 formrules phone message 請輸入正確的手機號 當然,其中的條件是多種多樣的,根據自己的專案...
Element表單驗證(2)
上篇講的是async validator的基本要素,那麼,如何使用到element中以及怎樣優雅地使用,就在本篇。上篇講到async validator由3大部分組成 基本驗證流程如下 上面中的validator.validate對應element中的this.refs refname valida...
element 多個表單同時驗證
做後台管理專案 最常見的就是 的驗證了 簡單的表單是很簡單的 如果涉及到 內部巢狀表單 多表單同時驗證時及其他複雜驗證時 就相對就有些棘手了 下面我們就先講一下 多表單同時驗證的情況 顯然 多表單就是乙個頁面同時使用多個表單 通常不多見 先看下使用場景吧 單獨的每個標籤模組 都是乙個form 並不是...