tip1:数据校验
再次总结数据校验的坑。
1.:rules="rules"要写在form里面,表单校验肯定不能写到dialog上面啊。
2.在export default中定义rule规则,使用语法:{validator:验证方法,trigger:验证触发}
trigger: ‘blur’ 表示“当失去焦点时(光标不显示的时候),触发此提示”
3.假设是对name的校验,validateName(rule, value,callback),value就是要校验的值,对这个值加点判断,可以校验是否为空,格式是否正确,是否为数字(这个可以用正则表达式)等
4.数据校验完了,再一次打开表单的时候要清空以前的校验
方法名 | 说明 |
resetFields | 对整个表单进行重置,将所有字段值重置为初始值并移除校验结果 |
clearValidate | 移除表单项的校验结果。传入待移除的表单项的 prop 属性组成的数组,如不传则移除整个表单的校验结果 |
这个一般来说用一个就行,我习惯写两个,编译器也确实会两个都用,不过写的第二个其实没啥用,而且如果第一个函数写错了,也不会触发到第二个,会直接报错。
5.要记得写prop,在form上面prop的内容就是rule规则里面的对应的参数。
今日完成
今天把导师之前交代的基本都做完了,先提交了一版,提交完之后测试了一下剩下的接口啥的都没问题了。现在还剩下两个任务,第一个是活动推介页面详细信息里面还是不会分栏,试了多种方法没效果,不分栏感觉还是不太好看。另外导师布置了加活动报名页面,这个应该用不了多久,直接在活动推介页面上改就好了。
今天这个校验问题,耽误了2小时,这种直接移植代码没有去深入了解实现确实容易忘,之前改过两周就忘完了。得多做多用。
明日要求
把这个新页面加上,回去再查查还有没有啥办法能解决分栏问题,这个分栏问题对el-table和v-for的理解应该很有帮助,我应该是对v-for理解的有问题,其显示效果和我预想差别太大。