Vue中Object.assign清空數據報錯怎么解決

這篇文章主要介紹“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 // true
Object.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清空數據報錯怎么解決”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。