vue3中重置数据为初始值

650 阅读1分钟

在vue2中,我们可以使用Object.assign(this.$data, this.$options.data())来重置所有值

vue3中可以

let catchData = [
    {
        foupId: '',
        foupName: '',
        id: '',
        port: 'A',
        wafers: [
            { num: '25', data: {} },
            { num: '24', data: {} },
            { num: '23', data: {} },
            { num: '22', data: {} },
            { num: '21', data: {} },
            { num: '20', data: {} },
            { num: '19', data: {} },
            { num: '18', data: {} },
            { num: '17', data: {} },
            { num: '16', data: {} },
            { num: '15', data: {} },
            { num: '14', data: {} },
            { num: '13', data: {} },
            { num: '12', data: {} },
            { num: '11', data: {} },
            { num: '10', data: {} },
            { num: '09', data: {} },
            { num: '08', data: {} },
            { num: '07', data: {} },
            // { num: '06', data: {}, state: 'running' },
            { num: '06', data: {} },
            { num: '05', data: {} },
            { num: '04', data: {} },
            { num: '03', data: {} },
            { num: '02', data: {} },
            { num: '01', data: {} }
        ]
    },
    {
        foupId: '',
        foupName: '',
        id: '',
        port: 'B',
        wafers: [
            { num: '25', data: {} },
            { num: '24', data: {} },
            { num: '23', data: {} },
            { num: '22', data: {} },
            { num: '21', data: {} },
            { num: '20', data: {} },
            { num: '19', data: {} },
            { num: '18', data: {} },
            { num: '17', data: {} },
            { num: '16', data: {} },
            { num: '15', data: {} },
            { num: '14', data: {} },
            { num: '13', data: {} },
            { num: '12', data: {} },
            { num: '11', data: {} },
            { num: '10', data: {} },
            { num: '09', data: {} },
            { num: '08', data: {} },
            { num: '07', data: {} },
            // { num: '06', data: {}, state: 'running' },
            { num: '06', data: {} },
            { num: '05', data: {} },
            { num: '04', data: {} },
            { num: '03', data: {} },
            { num: '02', data: {} },
            { num: '01', data: {} }
        ]
    }
]
const tableData = ref(JSON.parse(JSON.stringify(catchData)))


重置的时候可以

tableData.value = JSON.parse(JSON.stringify(catchData))

ps: 代码纯属记录工作中遇到的问题,因为面试的时候可能会问哈哈哈