vue項目中使用v-if的內容如何進行表單驗證

 

項目中使用了v-if的部分在v-if為true時會有無法進行rules的表單驗證：

如下圖所示：會有小紅星號的提示，但是鼠標blur之后不會出現message的提示信息

 

 

 解決方法：

 

給使用v-if的部分，增加一個key，並確保key是唯一的

 

 

 

 

再設定好rules：

 

 

 

參考文章：https://www.cnblogs.com/teamblog/p/9566415.html