韩国电影寄生虫结局没看懂vue:表单验证时,trigger的值什么时候选blur什么时候选
change
对el-input输⼊框的验证,trigger的值选blur,即失去焦点时进⾏验证。
下拉框(el-select)、⽇期选择器(el-date-picker)、复选框(el-checkbox)、单选框(el-radio)的验证时,trigger的值选择change,即当值发⽣变化时就进⾏验证。
下拉框的验证:
<el-form-item label="活动区域"prop="region">
<el-select v-model="ion" placeholder="请选择活动区域">
<el-option label="区域⼀" value="shanghai"></el-option>
<el-option label="区域⼆" value="beijing"></el-option>
</el-select>
</el-form-item>
rules: {
region: [
{ required: true, message: '请选择活动区域', trigger: 'change' }
吴念真]
}
⽇期选择器的验证:
<el-form-item prop="date1">
<el-date-picker type="date" placeholder="选择⽇期" v-model="ruleForm.date1" ></el-date-picker>民生信用卡额度
</el-form-item>
date1: [
{ type: 'date', required: true, message: '请选择⽇期', trigger: 'change' }
],
复选框的验证:
冯绍峰个人资料身高<el-form-item label="活动性质"prop="type">
<el-checkbox-group v-model="pe">
华清宫<el-checkbox label="美⾷/餐厅线上活动" name="type"></el-checkbox>
<el-checkbox label="地推活动" name="type"></el-checkbox>
<el-checkbox label="线下主题活动" name="type"></el-checkbox>
<el-checkbox label="单纯品牌曝光" name="type"></el-checkbox>
</el-checkbox-group>
</el-form-item>
type: [ { type: 'array', required: true, message: '请⾄少选择⼀个活动性质', trigger: 'change' } ],
<el-form-item label="特殊资源"prop="resource">
<el-radio-group v-model="source">
<el-radio label="线上品牌商赞助"></el-radio>
<el-radio label="线下场地免费"></el-radio>
</el-radio-group>
</el-form-item>
resource: [ { required: true, message: '请选择活动资源', trigger: 'change' } ],
发布评论