Vue :rules未生效


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名稱


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM