Element中動態rules驗證輸入框的值 可以寫很多條件的 rules陣列
阿新 • • 發佈:2021-10-11
程式碼入下:
<el-row :gutter="20" v-for="(receiverItem,receiverIndex) in form.receiverInfList" :key="receiverIndex"> <el-col :span="8"> <el-form-item label="收貨人" :prop="'receiverInfList.' + receiverIndex + '.receiverName'" :rules="[{required:true,message:'收貨人不能為空',trigger:'blur'}]" > <el-input v-model="receiverItem.receiverName" placeholder="請輸入收貨人" /> </el-form-item> </el-col> <el-col :span="8"> <el-form-item label="收貨人聯絡方式" :prop="'receiverInfList.' + receiverIndex + '.receiverMblno'" :rules="[{required:true,message:'收貨人聯絡方式不能為空',trigger:'blur'}]" > <el-input v-model="receiverItem.receiverMblno" placeholder="請輸入收貨人聯絡方式" /> </el-form-item> </el-col> <el-col :span="1" v-if="isType !== 1"> <i class="el-icon-delete deleteIcon" @click="onDeleteReceiver(receiverIndex)"></i> </el-col> </el-row>
圖片展示:
未來的我會感謝現在努力的自己。