vue如何還原data中數(shù)據(jù)-重置
更新時間：2023年05月17日 09:09:15 作者：csstmg
這篇文章主要介紹了vue如何還原data中數(shù)據(jù)-重置問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue還原data中數(shù)據(jù)-重置
Object.assign(this.$data, this.$options.data())
this.ruleForm = this.$options.data().ruleForm
this.$refs.ruleForm.resetFields();三種方法重置vue組件的data數(shù)據(jù)
我們在vue組件中經(jīng)常遇到需要重置表單的場景，需要重置data中的對象，下面三種方法，幫你簡單完成。
方法一
element的resetfields
this.$refs[formRef].resetfields()
方法二
vue的thisoptionsdataform方法對form重置
this.form = this.$options.data().form
方法三
vue的data重置
this.$data = this.$options.data();
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Vue3基礎(chǔ)安裝以及配置詳解,需要的朋友可以參考下2023-01-01
在本篇文章里小編給大家分享了關(guān)于在vue項目中引入vue-beauty操作方法，有需要的朋友們跟著學(xué)習(xí)參考下。2019-02-02
vue項目打包后上傳至GitHub并實現(xiàn)github-pages的預(yù)覽
這篇文章主要介紹了vue項目打包后上傳至GitHub并實現(xiàn)github-pages的預(yù)覽，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
這篇文章主要介紹了vue?事件獲取當(dāng)前組件的屬性方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
vue如何導(dǎo)出文件流獲取附件名稱并下載(在response.headers里解析filename導(dǎo)出)
這篇文章主要介紹了vue如何導(dǎo)出文件流獲取附件名稱并下載(在response.headers里解析filename導(dǎo)出),具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-07-07
Vue通過URL傳參如何控制全局console.log的開關(guān)詳解
這篇文章主要給大家介紹了關(guān)于Vue根據(jù)URL傳參如何控制全局console.log開關(guān)的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起看看吧。2017-12-12
RuoYi-Vue是一款基于SpringBoot+Vue的前后端分離極速后臺開發(fā)框架, 本文主要介紹了idea部署RuoYi-Vue分離版的圖文詳解,具有一定的參考價值,感興趣的可以了解一下2024-06-06
本篇文章主要介紹了Vuex之理解Mutations的用法實例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
這篇文章主要介紹了Vue中$refs的用法，非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下2018-06-06
這篇文章主要介紹了超詳細(xì)的5個Shell腳本實例分享(值得收藏),文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08