剛剛搬磚的時候遇到個需求，表單動態校驗，本來這個問題文檔上就有例子，而且網上也找的到，也沒什么。恰恰我的那個需求是動態檢驗加上自定義方法，在官方文檔上找了會兒沒找到，額，准備上網白嫖。度娘還是給力，幫我找到了這么多的資源(也得願意感謝分享的朋友)。然后看了看，知道了思路結合自己的需求，最終還是搞出來的了，但是有點小問題，有大佬知道請指教。好了，廢話不多說，上代碼：
需求是這樣的
這個預付款比例和預付款金額是不必填的，只有當擔保種類為指定的值，那兩個才必填。最開始別人的是這樣寫的
<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中，然后就跟平常的寫一樣了，最終的實現效果就是，可以驗證有沒有必填，當不是必填而有值的時候會驗證是不是合法值。
嗯。。。這樣問題雖然是解決了，但是有個留了一個小問題，就是必填的時候沒有像其他的那種紅色的小星星。額， 因為急着要，就沒去改，后面再改吧，如果有大佬指出問題，歡迎留言。再次感謝網上的朋友的分享，該篇也作為一個記錄要是能幫到其他人就更好了。