vue3 重置數據

第一種

import { reactive } from 'vue'

class InitFormData {
  username: string = ''
  sex: number = 1
  age: number = 0
}

let formData = reactive(new InitFormData())

// 重置數據方法
formData = Object.assign(formData, new InitFormData())

 

第二種

interface FormDataType {
  username: string,
  sex: number,
  age: number
}

// 原始數據
const formData: FormDataType = {
  username: '',
  sex: 1,
  age: 1
}

// 複製一份表單數據
const _formData = JSON.parse(JSON.stringify(formData))

let form = reactive({ formData: _formData })

// 重置數據
form.formData = {...formData}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章