vueオブジェクトの新しいプロパティを追加する方法

776 ワード

配列と同様に、Vueはオブジェクト属性の追加または削除を検出できません.Vueはインスタンスの初期化時にプロパティに対してgetter/setter変換プロセスを実行するため、Vueを変換するにはdataオブジェクト上にプロパティが存在する必要があります.そうすれば、応答させることができます.
次の2つの方法があります.
Vue.set(object, key, value)

Vue.set(vm.someObject, 'b', 2)

  
vm.$set

this.$set(this.someObject,'b',2)

既存のオブジェクトに属性を追加したい場合は、Object.assign()または_.extend()メソッドを使用して属性を追加します.ただし、オブジェクトに追加された新しいプロパティは更新をトリガーしません.この場合、新しいオブジェクトを作成して、元のオブジェクトのプロパティと新しいプロパティを含めることができます.
//    `Object.assign(this.someObject, { a: 1, b: 2 })`
this.someObject = Object.assign({}, this.someObject, { a: 1, b: 2 })

  
転載先:https://www.cnblogs.com/zhoujx1066/p/7205038.html