1. 程式人生 > 其它 >Element中動態rules驗證輸入框的值 可以寫很多條件的 rules陣列

Element中動態rules驗證輸入框的值 可以寫很多條件的 rules陣列

程式碼入下:

       <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>

圖片展示:

未來的我會感謝現在努力的自己。