2017-08-07 10 views
1

私のルートは次のようになります。私は型と履歴変数をデータの中に定義して見ていますが、私が見ている変数ではなく別の変数にアクセスしようとしています。しかし.map()戻りundefinedウォッチャー内のデータ変数.map()内にアクセスできません

new Vue({ 
    el: '#root', 

    data: { 
    types: {}, 
    history: {} 
    } 

    watch: { 
    types: { 
     handler(obj) { 
      console.log(this.history) // works 

      types.map(function(val) { 
       console.log(this.history) // undefined 
      }) 
     } 
    } 
    } 

} 
+0

あなたはES6構文を使用する必要があり、 'あなたのJS –

答えて

1

の内側にそれを使用して.map()作品外の履歴変数にアクセスしようとしますが、CDNを使用しているので、あなたの関数にthisをバインドする必要があります。次のことを試してみてください。

types.map(function(val) { 
    console.log(this.history) 
}).bind(this); 
+0

をコンパイルするWebPACKのか何かを使っていると仮定し' types.mapを((val)で=> {...})してみてください、私が試しました'types.map((val)=> {...}}'それはうまく動作します。 – senty

関連する問題