element驗證規則遇到的坑
一、首先是你需要為那幾個輸入框或者其他添加限制規則,你就要設定幾個規則并且命名最好和你系結的值的關鍵字一樣
二、然后就是prop需要系結在el-form-item上,如果el-input外層還有多個el-form-item,必須寫在父級的標簽上,不然規則不會成功
自己看看結構例如:
<el-form-item label="執法人員2" class="item">
<el-col :span="6">
<el-form-item prop="INVESTIGATE_USER_2">
<el-input v-model="cases.INVESTIGATE_USER_2"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="執法證號2" prop="INVESTIGATE_IDENTITY_2"
class="item right_x">
<el-input v-model="cases.INVESTIGATE_IDENTITY_2"></el-input>
</el-form-item>
</el-col>
</el-form-item>
筆記:
如果使用限制他不為空的屬性時候,又需要去掉前面的星星,可以在e-form添加屬性
hide-required-asterisk
<el-form label-width="80px" class="case_form" :rules="rules" ref="cases" :model="cases" hide-required-asterisk>
做個隨筆,怕忘記了,有錯請指出,一起進步,
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/241025.html
標籤:其他
