数据校验--老先生

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理解的有问题，其显示效果和我预想差别太大。