重置参数 reactive 定义的数据

58 阅读1分钟
const reset = (): void => {
    // searchParams = defaultSearchData()
    search(true)
};

单个重置

function reset() {
  // 重置数据:
  state.count = 0
  state.name = 'John'
}

类 ref 和 reactive都可以

image.png

import { reactive } from 'vue'

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

let formData = reactive(new InitFormData())

// 重置数据方法
Object.assign(formData, new InitFormData())

通过方法初始化 (推荐)

image.png Object.assign(state,formData())

const searchParams: SearchParams = reactive(defaultSearchData());
const defaultSearchData = (): object => {
    return {
        employeeName: '',
        statisticsMonth: '',
        status: '',
        storeId: '',
        teamId: '',
        merchantIds: '',
        pageNum: 1,
        pageSize: 10
    }
}
const reset = (): void => {
    Object.assign(searchParams, defaultSearchData())
    search(true)
};

ps:在定义的时候 reactive 和 ref会报错
image.png

pageNum 和 pageSize 不是必填吗 为啥会报错