element-ui后台管理系統表單resetFields功能實現

項目中有‘新增’和‘編輯’彈出dialog功能，並且為同一個dialog。

html代碼：

新增時，這樣的樣式

編輯時，這樣的樣式

 所以在編輯完關閉dialog后，需要清空表單，一開始簡單的使用了element-ui自帶的resetFie（在關閉dialog之前），如下

this.$refs.diamondForm.resetFields();

但是測試的過程中，跟想象中的並不一樣，多次出現清空不徹底的問題。

后來，借用element-ui的open事件 @open="openDialog"（即Dialog 打開的回調）添加一些邏輯處理

同樣的在關閉dialog之前，運行如下清空

this.$refs.diamondForm.resetFields();