VueJS Zugriff auf eine Methode von einer anderen Methode

Question

Ich benutze VueJS, um ein einfaches Ressourcenmanagement-Spiel/Interface zu erstellen. Momentan suche ich die Funktion roll alle 12,5 Sekunden und verwende das Ergebnis in einer anderen Funktion. Im Moment obwohl ich folgende Fehlermeldung erhalte:

Uncaught TypeError: Cannot read property 'roll' of undefined(...)

ich versucht habe:

• app.methods.roll(6);
• app.methods.roll.roll(6);
• roll.roll()
• roll()

kann aber scheinbar nicht auf die Funktion zugreifen. Irgendwelche Ideen, wie ich das erreichen könnte?

methods: { 

    // Push responses to inbox. 
    say: function say(responseText) { 
    console.log(responseText); 
    var pushText = responseText; 
    this.inbox.push({ text: pushText }); 
    }, 

    // Roll for events 
    roll: function roll(upper) { 
    var randomNumber = Math.floor(Math.random() * 6 * upper) + 1; 
    console.log(randomNumber); 
    return randomNumber; 
    }, 

    // Initiates passage of time and rolls counters every 5 time units. 
    count: function count() { 
    function counting() { 
     app.town.date += 1; 
     app.gameState.roll += 0.2; 

     if (app.gameState.roll === 1) { 
     var result = app.methods.roll(6); 
     app.gameState.roll === 0; 
     return result; 
     } 
    } 

    setInterval(counting, 2500); 

    ... 

    // Activates the roll at times. 
    } 
} 

Answer 1

You can access these methods directly on the VM instance, or use them in directive expressions. All methods will have their this context automatically bound to the Vue instance.

- Vue API Guide on methods

Innerhalb einer Methode auf einem Vue Beispiel können Sie andere Methoden auf der Instanz zugreifen this verwenden.

var vm = new Vue({ 
    ... 
    methods: { 
    methodA() { 
     // Method A 
    }, 
    methodB() { 
     // Method B 

     // Call `methodA` from inside `methodB` 
     this.methodA() 
    }, 
    }, 
    ... 
}); 

Um eine Methode außerhalb eines Vue-Instanz zugreifen Sie die Instanz auf eine Variable (wie vm im Beispiel oben) und rufen Sie die Methode zuordnen:

vm.methodA();