刚刚搬砖的时候遇到个需求，表单动态校验，本来这个问题文档上就有例子，而且网上也找的到，也没什么。恰恰我的那个需求是动态检验加上自定义方法，在官方文档上找了会儿没找到，额，准备上网白嫖。度娘还是给力，帮我找到了这么多的资源(也得愿意感谢分享的朋友)。然后看了看，知道了思路结合自己的需求，最终还是搞出来的了，但是有点小问题，有大佬知道请指教。好了，废话不多说，上代码：

需求是这样的

 

这个预付款比例和预付款金额是不必填的，只有当担保种类为指定的值，那两个才必填。最开始别人的是这样写的

<el-form-item label="预付款金额："  prop="advanceSum" :rules="{required: infoForm.guaranteeKind == 2 ? true : false, message: '请输入预付款金额', trigger: 'blur'}">

　　 <el-input                   type="text"                   size="small"                   v-model="infoForm.advanceSum"                   placeholder="请输入预付款金额"                  :disabled='type == "preview"' 　　></el-input>  </el-form-item>

 在代码中运行是没问题的，但是我的需求还要去校验输入的是不是合法值，这样的话就要自定义校验方法了。最后还是要把校验规则写到js中：

 

 

 

 

 把校验的方法也写到rules中，然后就跟平常的写一样了，最终的实现效果就是，可以验证有没有必填，当不是必填而有值的时候会验证是不是合法值。

 

 

 

 

嗯。。。这样问题虽然是解决了，但是有个留了一个小问题，就是必填的时候没有像其他的那种红色的小星星。额， 因为急着要，就没去改，后面再改吧，如果有大佬指出问题，欢迎留言。再次感谢网上的朋友的分享，该篇也作为一个记录要是能帮到其他人就更好了。