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>
图片展示:

未来的我会感谢现在努力的自己。

浙公网安备 33010602011771号