欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Vue 恢复初始值的快速方法

程序员文章站 2022-07-16 17:43:01
...

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)

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