博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue 恢复初始值的快速方法
阅读量:5077 次
发布时间:2019-06-12

本文共 732 字,大约阅读时间需要 2 分钟。

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)

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

转载于:https://www.cnblogs.com/machete/p/10620540.html

你可能感兴趣的文章
角色扮演
查看>>
springmvc基础学习2---简单配置文件
查看>>
javascript是做什么的
查看>>
探究QA职能
查看>>
图片加载框架之Glide和Picasso
查看>>
wtforms Form实例化流程(源码解析)
查看>>
[查询]计算机信息系统集成项目经理资质名单网址
查看>>
Android开发之AlarmManager具体解释
查看>>
3.14 下午
查看>>
Delphi COM编程介绍
查看>>
apc
查看>>
.net 新闻点击量修改,避免恶意刷新
查看>>
java集合的并集、交集、差集
查看>>
bzoj 3551
查看>>
[LeetCode] Heaters 加热器
查看>>
学习Python第一天
查看>>
使用一个黑客的小伎俩来实现discuz!邀请功能刷分
查看>>
codeforces 591B Rebranding (模拟)
查看>>
.NET 操作PDF文档以及PDF文件打印摸索总结
查看>>
android基础
查看>>