码迷,mamicode.com
首页 > 其他好文 > 详细

Vue :rules未生效

时间:2020-07-01 09:59:14      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:lis   red   form   vue   类型   date   ref   message   als   

1、需要在return中添加验证规则

*添加规则*
`data()
{
	return {
		rules:{
			quota: [{ required: true, message: ‘请填写配额数‘, trigger: ‘blur‘ }]
		}
	}
}
`

2、el-form 需要添加:rules

*使用规则*
`
 <el-form :model="quotaData" ref="typesForm" :rules="quotaRules">
`

3、el-form-item需要添加:prop

*使用字段*
`
<el-form-item label="客户类型" 
:prop="‘types.‘ + index + ‘.typeId‘"  
:validate-event="false" 
:rules="[{ required: true, message: ‘请输入姓名‘}]">
`

4、:prop命名规则必须为list-index-name

	list :v-for中的list名称
		如 v-for="(item,index) in data.list" 则为list
		如 v-for="(item,index) in data" 则为data

	index:v-for中的索引
	
	name : el-form-item中的v-model名称

Vue :rules未生效

标签:lis   red   form   vue   类型   date   ref   message   als   

原文地址:https://www.cnblogs.com/tanzhenyuan/p/13217291.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!