vue同一頁面中擁有兩個表單時，驗證問題

問題：如果vue的同一個頁面擁有兩個表單。驗證第一個表單時沒有通過就切換到第二個，那么第二個表單會出現驗證錯誤的信息

 

我們可以通過為兩個表單添加ref屬性

之后在通過調用resetFields()方法來解決問題

代碼如下

 

<el-form :model="form" :rules="rules" ref="form" label-width="100px">

 

 

 

this.$refs["form"].resetFields();