三種方法重置vue組件的data數據


場景

我們在vue組件中經常遇到需要重置表單的場景,需要重置data中的對象,例如彈窗新增項目,保存之后需要重置

方法一:element的resetfields

this.$refs[formRef].resetfields()

方法二: vue的this.$options.data().form方法對form重置

this.form = this.$options.data().form

方法三: vue的data重置

this.$data = this.$options.data();

避免先保存一份原始數據的麻煩了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM