vue el-form 多种校验
rules:Object.freeze({ name1: [{ required: true, message: '请输入发放计划编码', trigger: 'blur' },{ pattern: /^(?!\s+).*(?<!\s)$/, message: '首尾不能为空格', trigger: 'blur' } ],
name2: [ { required: true, message: '请输入发放计划名称', trigger: 'blur' } ,
arrayData: [ { required: true, type: 'array', min: 1, message: '请至少选择一个劳保物品', trigger: 'blur' } ], //判断数组
}),
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="140px" class="demo-ruleForm"> <el-form-item label="发放计划编码" prop="name1"> <el-input v-model="ruleForm.name2" style="width: 200px"></el-input> </el-form-item> <el-form-item label="发放计划名称" prop="name2"> <el-input v-model="ruleForm.name2" style="width: 200px" maxlength="50" show-word-limit></el-input> </el-form-item> <el-form-item label="计划发放劳保物品" prop="arrayData"> <el-button size="medium" type="primary" @click="addGoods">选择劳保物品</el-button> <div v-model="ruleForm.arrayData"> // 要把数组赋值给当前数据变量 <add-list :list="tableData" @on_remove="on_remove"></add-list> </div> </el-form-item> </el-form>