1. 程式人生 > >element ui框架 彈出框內容重置功能

element ui框架 彈出框內容重置功能

搭配VUE使用的框架

在寫Dialog 對話方塊的時候,想要做到對彈出框輸入內容的重置,(示例),或者提升一層功能需求是,使用者點選‘提交’之後,再開啟該彈出框,以前輸入的內容自動應該清空,那麼這部分清空功能是在提交按鈕上加的,並且注意是在提交成功後得到伺服器返回的errno為0時,再彈出提示說成功提交(示例),否則errno為1時提交失敗,但不管errno為0還是1,該重置功能都可加。

重置時則需要注意的點有:

(1)el-form中加入ref=”。。。”,
(2)在每個要想被清除內容的小元件上注意寫prop=”…”(昨晚博主便為了這個屬性踩了坑)
(3)寫this.$refs[formName].resetFields();