Vue实战086Object。assign()用法和注意点
前面在定义表单提交的时候我们用到了Object.assign()方法,这是ES6提供的对象合并方法。目前主流的chrome、safria、firefox、opera、Edge等浏览器是支持该方法,但是一些低版本的浏览器如IE并不支持该方法。Object.assign()方法的原型为:Object.assign(target, ...sources),可以将源对象(source)的所有可枚举属性复制到目标对象(target)中。
Object.assign()的好处和注意点
当我们需要定义大量的对象属性时我们就可以利用Object.assign()方法,可以大大减少我们要输出的代码量。当然如果定义的属性和target的已有属性重名就会被覆盖,如果这个属性值是一个引用类型那么其对应的引用属性值也会被修改。因为Object.assign()复制的是引用地址,所以赋值会指向了同一块内存区域。
Object.assign()的使用
Object.assign方法的第一个参数是目标对象,后面的参数都是源对象。这里的参数都是对象,如果该不是则会先转换成对象。如果只有一个参数则会直接返回该参数,这里我们定义了一个空的目标对象来拷贝自身属性并返回目标对象。这样在el-form中绑定registerForm对象,我们就可以在绑定表单属性的时候直接定义v-model对应的对象属性。
Object.assign()的应用
在提交注册的时候我们来打印下registerForm中的属性,在registerForm已经包含了我们在el-form中提交的所有对象属性和值。这个在数据比较多的时候表现的特别明显,比如我们开发的【精密工具智能開發系統】中一款刀具设计的参数就有好几十个,要实现数据的双向绑定我们就需要在data中定义对应的属性并用v-model绑定。
总结:
Object.assign方法是操作目标对象,直接将源对象属性拷贝到目标对象自身。当然被拷贝的属性必须是自有属性,不能继承自属性也不拷贝不可枚举的属性。当然你可以一次性拷贝多个对象的属性,只要对象与对象之间使用逗号分隔即可。以上内容是小编给大家分享的【Vue实战086:Object.assign()用法和注意点】,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。更多Vue实战技巧可以参考以下专栏:
为了方便学习,下面附上本文用到的源码:
上传照片 要求照片所有信息需清晰可见,内容真实有效,不得做任何修改! 注册 //data初始化定义 data () { return { registerForm: { username:"", password: "", company: "", phone: "", email: "", license: "", picture: "" } } }, //Object.assign data () { return { registerForm: Object.assign({}), } },
20212025年中国车联网行业的预测分析20212025年中国车联网行业影响因素分析一有利因素(一)政策护航2019年9月,国务院发布交通强国建设纲要,纲要提出到2035年,基本建成交通强因,形成三张交通网两个交通圈。深
汕头摩托车事故的始末有来在汕头交警连发三份警情通报后,这起交通事故才明朗起来。9月15日晚9时20分许,汕头市金园东厦路口发生一起摩托车驾驶人员逃避交警检查摔倒受伤事件。但第一份警情通报中,汕头交警认定,
微信小程序监听列表点击事件wxml列表展示,OnItemClick监听item点击事件viewclassviewsearchresultblockwxforfileListswxkeyindexviewcl
Android实现摇一摇功能都是一些简单的代码布局lt?xmlversion1。0encodingutf8?RelativeLayoutxmlnsandroidhttpschemas。android。coma
Python如何将横表和纵表任意转换?两种方法告诉你我们日常做数据分析,接收到最多的表格是纵表,每个字段变量都有很长数据的长表,我们称之为纵向数据,但是,有时候,我们也会遇到横表,称之为横向数据,对于横向数据,我们会数据转化,将其转
国丰装机三大件价格稳中下滑,请大家装机作为参考(附价格表)11月13日CPU行情开盘价G3930310元G4400415元G4560432元G4600465元G4900260元G5400386元I37100805元I574001185元I
如何将多个Excel表合并成一个怎么把数据格式一样的表格汇总到一起?准备数据,业务报告汇总。xlsx是新建的一个空白的表格,sum文件夹里放的是需要汇总的数据格式是一模一样的,如下图excel图形化操作1业务报告
双十一过后,电脑装机该怎么选?四千左右电脑配置推荐双十一的余温刚过,有好多网友们问老国,双十一的车没坐上,现在装机该怎么选配置呢,平时玩个绝地求生吃吃鸡,玩个魔兽世界这种游戏,偶尔玩玩玩使命召唤14这种游戏选什么配置什么好呢,其实
微信小程序上下轮播公告前年国庆节期间,公司放假需要在小程序首页的轮播图底部,加上一个滚动的轮播通知,所以写了下面代码wxml!轮播通知startviewclassviewnoticecontainima
intel平台毫无性价比可言,家用办公CPU怎么选,这个U性价比超高近期Intel市场由于产能不足,外加个别因素,现在这个价格蹭蹭的网上涨,就拿intel现阶段最低的台式机CPUG3930来说,最便宜的时候价格还不到200元,京东竟然标价达到了可怕
四月电脑配件再创新高,推荐几套英特尔最具性价比的11代套餐进入四月,春季花开的季节,但是对于电脑数码行业属于寒冬,四月的显卡报价RTX3070突破一万大关,RTX306012G也涨到了6500元,显示器也是一样,一直在涨,本来认为英特尔1