Comment puis-je exécuter des fonctions à l'intérieur d'une Vue de données de l'objet?
Donc je suis en train d'utiliser le composant suivant à l'intérieur de Vue JS:
Vue.component('careers', {
template: '<div>A custom component!</div>',
data: function() {
var careerData = [];
client.getEntries()
.then(function (entries) {
//log the title for all the entries that have it
entries.items.forEach(function (entry) {
if(entry.fields.jobTitle) {
careerData.push(entry);
}
})
});
return careerData;
}
});
Le code suivant émet une erreur comme ceci:
[Vue warn]: data functions should return an object:
https://vuejs.org/v2/guide/components.html#data-Must-Be-a-Function
(found in component <careers>)
Cependant, comme vous pouvez le voir, je suis en cours d'exécution un foreach par le biais de l'ensemble de mes Contentful entries
, puis chaque objet à l'intérieur d'entrées est poussé à un tableau, je puis essayer de retourner le tableau mais j'obtiens une erreur.
Une idée de comment je peux extraire tous mes entries
à mon objet de données à l'intérieur de mon composant?
Lorsque j'utilise le client.getEntries()
fonction à l'extérieur de ma Vue component-je obtenir les données suivantes:
message d'erreur indique que les données de la fonction doit retourner un
Object
, pas un Array
?
OriginalL'auteur Nick Maddren | 2017-01-20
Vous devez vous connecter pour publier un commentaire.
De cette façon est totalement faux.
Première chose d'abord - gardez votre modèle de données aussi propre que possible - donc pas de méthodes.
Deuxième chose, comme d'erreur dit, quand vous travaillez avec des données dans le composant, de données doit être une fonction qui renvoie un objet:
Que j'écris, la récupération de données et la logique ne devrait pas être dans les données, il y a un objet réservé à Vue.js appelé
methods
.Donc déplacer votre logique dans les méthodes, et quand vous avez reçu les données, vous pouvez l'affecter à
careerData
comme ceci:ou pousser les choses vers le tableau comme vous l'avez fait avant. Et puis à la fin, vous pouvez appeler la méthode de sur certains du cycle de vie des crochets:
OriginalL'auteur Belmin Bedak