VueJSでデータ関数の変数を使用する方法は？

Question

私はVueJSに愚かな問題があります。私はVueJSで新しいです。データ関数の変数にアクセスして変更したい。しかし、私はそれをすることができませんでした。エラーを取得している

ライン：

console.log('item: ' + this.item);

エラーはここにある：ここで

TypeError: Cannot read property 'item' of undefined

は私のコードです：

data: function(){ 
    return { 
     item: 69, 
     file: 0 
    }; 
}, 

methods: { 
    toggle: (elementId = 0, type = 'item') => { 
     console.log('element ID: ' + elementId); 
     console.log('type: ' + type); 
     console.log('item: ' + this.item); 

     switch (type) { 
      case 'item': 
       break; 
      case 'file': 
       break; 
     } 
    } 
} 

Answer 1

toggle: (elementId = 0, type = 'item') => {}の代わりにtoggle(elementId = 0, type = 'item') {}を使用してください。
arrow functionは、親のthisのスコープにthisを割り当てます。
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions#Arrow_functions_used_as_methods