Vue Element 之表單重置

實現過程

首先，來到 Element 官網，找到 Form 表單最下面部分提供的 Form Methods
【備註】這裏不是必要的，可以直接看下面的實現步驟

resetFields 對整個表單進行重置，將所有字段值重置爲初始值並移除校驗結果

然後，開始動手實現啦

第一步：獲取引用對象

在from中添加 ref="loginFormRef"（loginFormRef 爲自定義名字），然後通過它就可以獲取到form表單這個實例

ref 被用來給DOM元素或子組件註冊引用信息。引用信息會根據父組件的 $refs對象進行註冊。如果在普通的DOM元素上使用，引用信息就是元素; 如果用在子組件上，引用信息就是組件實例
注意：只要想要在Vue中直接操作DOM元素，就必須用ref屬性進行註冊

第二步：寫點擊事件方法

至此，完成

知識補充

• resetFields
• ref 和 $ref