vue双方向データバインドで動的に応答できない問題の解決(深いコピー)

3905 ワード

次のような場合vueは、動的に応答できない場合があります.
this.skuData = [{name: 'zs',  age: 18, sex: 'man'}, {....}, ...]
var item = {name: 'ls',  age: 100, sex: 'worman'}]; 
this.skuData[0] =  item;
$setでこの問題を解決できます
this.skuData = [{name: 'zs',  age: 18, sex: 'man'}, {....}, ...]
var item = {name: 'ls',  age: 100, sex: 'worman'}]; 
this.$set(this.skuData,  0,  item); 

配列のほかにオブジェクトを操作することもできます.詳細はvueドキュメントを参照してください.