今天做項目時有個el-input是否必填是可配置項禀梳，最開始我是
<el-form-item label="糧食價格：" :rules="functionConfigs.INASSAY_EDIT_PRICE ==0?[]:[{required: true, message: '請輸入糧食價格', trigger: 'blur' }]" prop="price' style="width: 33.9%;">
<el-input v-model="form.assayReq.price" class='Inputqianyang' :disabled="isEditPrice" >
<i slot="suffix" class="unit">元/kg</i>
</el-input>
</el-form-item>
這么寫的，根據(jù)配置項的值判斷是否有rules驗證肠骆，后來輸入值后一直有請輸入價格提示算途，最后發(fā)現(xiàn)v-model=“form.assayReq.price”是嵌套兩層，prop跟v-model綁定的值名字不匹配蚀腿，所以默認一直沒有填嘴瓤；
image.png
這個，下面正則名
image.png
這樣寫就好了莉钙。
所以在el-form填正則的時候prop的名字一定要跟v-model的名字一致廓脆，對于雙層嵌套的也要保持一致，就醬磁玉！
如果是根據(jù)配置項需要不同正則驗證的可動態(tài)配置rules停忿，具體參考下圖
微信圖片_20210907155859.png
微信圖片_20210907160228.png
