Méthode qui n'est pas défini dans la montée crochet, Vue JS
Donc je suis en utilisant Laravel 5.3 et je suis en train de créer une Table de données en tant que telle, je suis en train de créer une méthode qui extrait des données à partir de l'arrière-plan et je suis en train de l'appeler dès que le composant est prêt.
J'ai trouvé que le prêt() crochet est maintenant mort et remplacé par montés() et mon modèle ressemble à ceci.
<template>
..Simple Bootstrap table...
</template>
<script>
export default {
data: () => {
return {
searchQuery: "",
columns: ['ID', 'Name', 'Campaign', 'Method', 'Limit Per Connection', 'Limit Per Day', 'Active', 'Last Ran'],
lastId: 0,
rowsPerPage: 10,
gridData: [
{ id: 1, name: "Example 1", campaign: 3412, method: "POST", limitConn: 1250, limitDay: 50, active: "Yes", lastRun: "2016-11-27 18:42:21"},
{ id: 2, name: "Example 1", campaign: 3412, method: "POST", limitConn: 1250, limitDay: 50, active: "Yes", lastRun: "2016-11-27 18:42:21"},
{ id: 3, name: "Example 1", campaign: 3412, method: "POST", limitConn: 1250, limitDay: 50, active: "Yes", lastRun: "2016-11-27 18:42:21"},
{ id: 4, name: "Example 1", campaign: 3412, method: "POST", limitConn: 1250, limitDay: 50, active: "Yes", lastRun: "2016-11-27 18:42:21"},
{ id: 5, name: "Example 1", campaign: 3412, method: "POST", limitConn: 1250, limitDay: 50, active: "Yes", lastRun: "2016-11-27 18:42:21"},
{ id: 6, name: "Example 1", campaign: 3412, method: "POST", limitConn: 1250, limitDay: 50, active: "Yes", lastRun: "2016-11-27 18:42:21"},
{ id: 7, name: "Example 1", campaign: 3412, method: "POST", limitConn: 1250, limitDay: 50, active: "Yes", lastRun: "2016-11-27 18:42:21"}
]
}
},
methods: {
/**
* Fetch JSON data for crons from the Backend
*
* @param lastId - The last ID in the current data
*/
fetchData: (lastId) => {
Vue.http.get('/data').success((response) => {
console.log(response);
}).error((response) => {
console.error(response);
})
},
},
mounted: () => {
//When the Component is ready fetch the JSON from the Server Backend
this.fetchData(0);
},
}
</script>
<style>...My Css...</style>
La Montée de la méthode des feux, mais dit que this$1.fetchData is not defined
une idée de ce que je fais mal? La Montée crochet de ne pas avoir accès à mes méthodes?
OriginalL'auteur JonnySerra | 2016-11-27
Vous devez vous connecter pour publier un commentaire.
Syntaxe pour
mounted
devrait être comme suit:N'utilisez pas de flèche en fonction du cycle de vie des crochets, flèche utilisée par les fonctions lexicales
this
déterminé par leurs contextes et de la vue ne sera pas en mesure de les lier pour nous.OriginalL'auteur Saurabh