在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: 代码纯属记录工作中遇到的问题,因为面试的时候可能会问哈哈哈