这篇文章主要介绍“Vue中Object.assign清空数据报错怎么解决”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Vue中Object.assign清空数据报错怎么解决”文章能帮助大家解决问题。
Object.assign清空数据报错的解决
想清空Vue中的data数据报错也许是没有改变this指向的原因可以试着用call等方便改变this指向,
例如:
Object.assign(this.$data, this.$options.data.call(this))
如果只是想清楚其中某条数据可以使用
this.xxx=this.$options.data.call(this).xxxx
Object中的assign方法
Object.assign()
用于对象合并
普通合并
<script> const target = { a:1 } const source1 = { b:2 } const source2 = { c:3 } Object.assign(target,source1,source2); console.log(target); //{a: 1, b: 2, c: 3}</script>
注意
Object.assign()方法的第一个参数是目标对象,其余的参数为原对象,所有的原对象都会合并到目标对象
也就是第一个参数的原内容会被改变
如果目标对象与源对象有同名属性,或多个源对象有同名属性,则后面的属性会覆盖前面的属性。
后者覆盖前者
<script> const target = { a:1, b:1, c:1 } const source1 = { a:2, b:2, c:2 } const source2 = { a:3, b:3, c:3 } Object.assign(target,source1,source2); console.log(target);//{a: 3, b: 3, c: 3}</script>
Object.assign()只有一个参数
如果此参数为对象,直接返回该参数。
<script> const target = { a:1, b:1, c:1 } console.log(Object.assign(target)==target);//true console.log(Object.assign(target)===target);//true</script>
Object.assign()只有一个参数
如果该参数不是对象,则会先转成对象,然后返回。
<script> let x =Object.assign(123); console.log(typeof x);//object</script>
Object.assign()只有一个参数
由于undefined和null无法转成对象,所以如果它们作为参数,就会报错。
Object.assign(undefined) // 报错Object.assign(null) // 报错
多个参数
如果非对象参数出现在源对象的位置(即非首参数),那么处理规则有所不同。首先,这些参数都会转成对象,如果无法转成对象,就会跳过。这意味着,如果undefined和null不在首参数,就不会报错。
let obj = {a: 1};Object.assign(obj, undefined) === obj // trueObject.assign(obj, null) === obj // true
其他类型的值(即数值、字符串和布尔值)不在首参数,也不会报错。但是,除了字符串会以数组形式,拷贝入目标对象,其他值都不会产生效果。
const v1 = 'abc';const v2 = true;const v3 = 10;const obj = Object.assign({}, v1, v2, v3);console.log(obj); // { "0": "a", "1": "b", "2": "c" }
对象合并的时候是浅拷贝
var x={"101":{"Score":50,"Standards":{}}} var b = {"101":{"Standards":{"11111":[0.25]}}} console.log(Object.assign({},x,b))
猜猜结果是什么
{"101":{"Standards":{"111":[0.2]}}}
关于“Vue中Object.assign清空数据报错怎么解决”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注编程网行业资讯频道,小编每天都会为大家更新不同的知识点。