Vue 恢复初始值的快速方法

Posted 2021-11-22 machete

vue 中经常定义很多data ,在用户进行一些操作后,需要讲data中的某个对象定义为初始值

 

例如 

 1  form: {
 2         title: ‘‘,
 3         describe: ‘‘,
 4         inspectionCategoryIdList: [],
 5         enterpriseId: ‘‘,
 6         selectInc: {
 7           name: ‘‘
 8         }
 9       }
10     }

这样一个复杂的对象,我们需要讲他们全部定义为初始值

也许我我们可以这么写

 1 this.form = {
 2         title: ‘‘,
 3         describe: ‘‘,
 4         inspectionCategoryIdList: [], // 任务ID
 5         enterpriseId: ‘‘,
 6         selectInc: {
 7           name: ‘‘
 8         } 
 9       }
10     }

但是开发过程中,经常对这个对象进行变动,难免遗忘恢复初始值的方法,这样会导致一些新增的key为 undefined 从后台获取参数并添加的时候,会无法赋值

这时候我们可以用 Object.assign 浅拷贝这样的一个对象

Object.assign(this.form, this.$options.data().form)

　不仅节省了计算的时间,也节省了内存