如何在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') => {}。
箭頭功能將this分配給其父母的this範圍。
請參閱：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions#Arrow_functions_used_as_methods