vue element ui 實現重置表單內容

今天在做入院管理的時候，需要實現表單內容以及驗證資訊的重置，具體效果如下：

當我再點選新增新增住院患者按鈕開啟表單時，應該是這個樣子的：

根據element-ui官方文件提供的方法，我們可以使用這個函式：

resetform(formname)

實際使用的時候**：

this.visible = true
; 
this.resetform('form');

先顯示對話方塊，再重置表單，如果這兩行**順序顛倒，點選新增住院患者就是沒有反應的，如下圖所示：

至此，重置表單內容這個功能做的差不多了，但我發現了乙個問題，當我點選新增住院患者按鈕，彈出表單dialog之後，我的下拉框是沒有資料的。

當我關閉這個dialog，再重新開啟的時候，這裡的資料就有了。我感覺是跟我的表單驗證有關，但問題具體是怎麼產生的我不清楚，這個表單驗證只是把裡面的內容重置為初始值，我的資料在頁面重新整理之後應該是可以正常拿到的。

不清楚問題是怎麼發生的，那就只好看看控制台了。我對比了重新整理頁面後第一次開啟表單dialog和第二次開啟表單dialog發生的錯誤，果然，第一次開啟表單時出現了乙個特殊的錯誤，而第二次開啟表單時該錯誤就消失了。

按照人家的方法，將**修改如下：

resetform(formname)
}

問題完美解決！重新整理頁面後第一次開啟表單也能獲取到資料了。