2018-06-27表单验证

需求:


2018-06-27表单验证_第1张图片
image.png

代码:
html:


2018-06-27表单验证_第2张图片
image.png

注明:
prop 的变量跟v-model 一致,也就是prop的变量名是:model="form" 里面的数据
2018-06-27表单验证_第3张图片
image.png

data里面的校验:


2018-06-27表单验证_第4张图片
image.png

js方法:
2018-06-27表单验证_第5张图片
image.png

2018-06-27表单验证_第6张图片
image.png

采坑:


2018-06-27表单验证_第7张图片
image.png

prop="dictNum" 的变量名更rules的变量名对不上,导致,验证没效果
验证方法:


2018-06-27表单验证_第8张图片
image.png

你可能感兴趣的:(2018-06-27表单验证)