Element-ui 使用总结 el-form

Element-ui 使用总结 el-form

自定义验证规则

<template>
	<el-form :model="form" label-width="100px">
		<el-form-item label="预定天数" :rules="[
			{ required: true, message: '请输入预定天数', trigger: 'blur' },
            { validator: validateDay, trigger: 'blur'}
		]">
			<el-input v-model="form.day" placeholder="请输入预定天数"></el-input>
		</el-form-item>
	</el-form>
</template>

<script>
export default {
	methods: {
		validateDay (rule, value, callback) {
      		if (Number.isInteger(Number(value)) && Number(value) > 0) {
        		callback()
      		} else {
        		callback(new Error('请输入正整数'))
      		}
    	},
	}
}
</script>