コンポーネントの小道具は、私はこのようになります多次元のオブジェクトを持って

Question

変更します。また、私は、このオブジェクトのための時計を持っている、と私はそれに応じて別のオブジェクトを更新しています...

new Vue({ 
    el: '#app', 
    data: { 
    obj: {}, 
    newObj: {} 
    }, 

    watch: { 
    obj: { 
     handler(obj) { 

    } 
    } 
    } 
}) 

私は小道具としてNEWOBJを使用していますが、forループを実行するコンポーネントに渡します。

ハンドラの内部で、オブジェクトの第1レベルのキーを変更すると、コンポーネントはDOMを更新します。

handler(obj) { 
    this.$set(this.newObj, key, { 
     [innerKey]: [ [] ] 
    }); 
} 

ただし、セカンダリレベルのキーを変更しようとすると、コンポーネントはDOMを更新しません。

handler(obj) { 
    var key = 1; 
    var additions = ['a', 'b', 'c'] 

    // First try: 
    var scafold = this.newObj[key] 
    scafold[additions[i]] = [ [] ]; 
    this.newObj[key] = scafold; 

    // Second try: 
    this.$set(this.newObj[key], additions[i], [ [] ]); 
} 

私はVUEデバッガを確認した場合、それは両方の方法を使用して欲しかったように、オブジェクトが更新さを示し、が、DOMは変更されません。

私が言ったように、それは内部の鍵を見ずそれに応答しないと信じています。この問題を克服する正しい方法は何ですか？

Answer 1

this.$setの後にthis.$forceUpdate();を試しましたか？