element ui vue表單清空的問題

2022-03-22 16:45:29 字數 1385 閱讀 9623

最近接觸了個新專案,要求用element-ui作前端框架,寫維護頁面做新增修改時修改完成清空不了新增彈出框的表單資料,上網上查了下都是如下的回答

這種回答都是針對單獨的新增/編輯表單來說的,現在開發為了節省**量都是新增修改使用乙個表單

在點選修改的時候,把點選行的值賦給新增的表單用來做修改回顯,**如下

"

操作" align="

center

" width="

350px

">

"scope

">

"mini

" type="

primary

" @click="

edit(scope.$index, scope.row)

">編輯

"mini

" type="

warning

" @click="

del(scope.$index, scope.row)

">刪除

edit: function(index,row),row);//給表單賦值,回顯單行資料

this.adddialogformvisible = true;//開啟新增/編輯框

},

this.addruleform = object.assign({},row);

這種寫法實際上已經改變了表單的預設值,所以執行this.$refs[addruleform

].resetfields()時

才會沒有效果,

中間想過用this.addruleform = "";

的方式清空,這樣雖然清空成功了但是把表單裡面的屬性也清空了,就導致只能新增一次,成功之後再次開啟新增框會發現輸入框輸不進去值

也想過用this.addruleform .屬性1 = 「」;this.addruleform .屬性2 = 「」;this.addruleform .屬性3 = 「」;...的方式清空,這樣雖然也成功了,但是再次開啟新增框的時候又會觸發表單的rules驗證!

最後沒有辦法了就想著再賦一次值吧,直接賦成undefined,不信它還有值,

//

取消彈出框

cancel: function(formname)

this.addruleform=object.assign({}, undefined);//

重置表單

this

.$refs[formname].resetfields();

},

這樣寫暫時達成了需求,但是總覺得有些不合適,各位大佬有沒有正確的辦法?

2020.06.15

兩個方法結合一下

Android表單校驗器,讓你的文字校驗清晰化

對於一般專案的業務層,註冊頁的輸入框都密密麻麻,對輸入文字的檢驗也千奇百怪,在應對多個文字框文字進行判斷時,總是if else不僅讓我們的 寫的過長,而且有時又會造成邏輯混亂,這時我們移動端可以採用表單的模式把當前模組中的所有文字框放入乙個表單校驗器中,統一進行驗證處理。lz封裝了乙個表單驗證器,支...

清浮動方法

1.加高 問題 擴充套件性不好 2.父級浮動 問題 頁面中所有元素都加浮動,margin左右自動失效 floats bad 3.inline block 清浮動方法 問題 margin左右自動失效 4.空標籤清浮動 問題 ie6 最小高度 19px 解決後ie6下還有2px偏差 5.br清浮動 問題...

如何區別聚合支付「一清二清」?

商家該如何區別聚合支付 一清二清 行為?方法十分簡單 只要資金是銀行或者第三方打給您的,就安全,就是一清 資金是某個公司或者個人打給您的,就是二清。在行業內,一些聚合支付機構,由於擴充套件業務需要,就招許多 商。而一些不太規範的聚合支付機構在給商家進行資金清算時,是先把某地區的資金結算給 商,再由該...