excel实战技巧之对象合并?excel合并功能怎么用?前面在定义表单提交的时候我们用到了Object.assign()方法,这是ES6提供的对象合并方法。目前主流的chrome、safria、firefox、opera、Edge等浏览器是支持该方法,但是一些低版本的浏览器如IE并不支持该方法。Object.assign()方法的原型为:Object.assign,可以将源对象的所有可枚举属性复制到目标对象中。Object.assign()的应用在提交注册的时候我们来打印下registerForm中的属性,在registerForm已经包含了我们在el-form中提交的所有对象属性和值。更多Vue实战技巧可以参考以下专栏:
我们在前面定义表单提交时使用了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中的属性,它已经包含了我们在el-form中提交的所有对象属性和值。这种表现在数据很多的时候尤为明显。比如我们开发的精密工具智能开发系统中,一个工具设计的参数就有几十个。要实现数据的双向绑定,需要在数据中定义相应的属性,并用v-model进行绑定。
总结:
Object.assign方法是操作目标对象,直接将源对象属性复制到目标对象本身。当然,复制的属性必须是自己的属性,不能从属性继承,也不能从可枚举属性复制。当然,您可以一次复制多个对象的属性,只要对象之间用逗号分隔。以上内容由边肖【Vue实战086:Object.assign()用法及注意事项】分享。希望对你有帮助。如果您有任何问题,请给我留言,边肖将及时回复您。更多Vue实用技巧,请参考以下栏目:
为了学习方便,下面附上本文使用的源代码:
本文来自网络,不代表「专升本要什么条件_专升本要几年_成人高考专升本_山东专升本信息网」立场,转载请注明出处:http://www.sdzsb8.cn/sbwd/30636.html
- 上一篇:出国留学机构排名(出国留学机构排名哪家口碑好)
- 下一篇:中国人才热线圣诞奇幻夜