如果我們需要將a對象賦值給b對象時，要么把b對象的所有屬性都在a對象中定義一下，要么使用this.$set(this.object,key,value)將b對象中有a對象中沒有的屬性set進去，或者使用Object.assign(this.a,this.b) 將所有可枚舉屬性的值從b對象復制到a對象并返回a對象。（如果有同名屬性的話，b屬性的值會覆蓋a屬性的值）

注意：目前IE瀏覽器不兼容Object.assign()，如果需要兼容IE的話最好不要直接使用這個方法。

比如，我們在頁面上綁定了一個dataForm.userIds

但我們并沒有在data中對dataForm.userIds進行初始化的話，

即使我們在頁面created的時候給它賦值了，賦值是能賦進去的

但這個userIds屬性仍然不是響應式的，他的值改變不會觸發(fā)視圖的渲染

我們可以這樣做來避免這個問題：

初始化userIds屬性

或使用this.$set(this.object,key,value)添加對象的userIds屬性，這時候添加的屬性是響應式的。

Vue對象的賦值Object.assign({}, row)

復制功能，想單獨去掉id不傳過去，思路設置局部變量，把整個row對象賦值給newData變量，使用 Object.assign({}, row)；使用delete方法刪除newData中的id

copyStep(index,row){
? ? ? ? // 將對象賦值給一個變量
? ? ? ? let newData = Object.assign({}, row)
? ? ? ? delete newData.id
? ? ? ? 將處理完的變量傳給下面的兩個方法
? ? ? ? this.addStep(index,newData);
? ? ? ? this.showEditDialog(index + 1,newData,true);
? ? ? },

以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: