vue form表单验证
Posted 郑福坤
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue form表单验证相关的知识，希望对你有一定的参考价值。
<el-select v-model="ruleForm.region" placeholder="请选择活动区域">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
ruleForm: {
name: ‘‘,
region: ‘‘,
date1: ‘‘,
date2: ‘‘,
delivery: false,
type: [],
resource: ‘‘,
desc: ‘‘
},
rules: {
name: [
{ required: true, message: ‘请输入活动名称‘, trigger: ‘blur‘ },
{ min: 3, max: 5, message: ‘长度在 3 到 5 个字符‘, trigger: ‘blur‘ }
],
region: [
{ required: true, message: ‘请选择活动区域‘, trigger: ‘change‘ }
],
v-model="ruleForm.region"和prop="region"也必须保持一致
以上是关于vue form表单验证的主要内容，如果未能解决你的问题，请参考以下文章
vue elementui el-form rules动态验证的实例代码详解