Conseils pour utiliser prop dans les propriétés calculées

Question

J'ai un composant carrousel qui reçoit un accessoire appelé 'mediaItems', que j'utilise dans une propriété calculée pour déterminer la fin du carrousel :

props : ['mediaItems', 'sliderHeading'],
calculé : {
  atEndOfList() {
    return this.currentOffset <= (this.paginationFactor * -1) * (this.mediaItems.length / this.windowSize) + this.paginationFactor;
},
Le composant est alors vide et j'obtiens une erreur de console : 

Erreur de type : this.mediaItems n'est pas défini

Si je supprime la propriété calculée, le composant charge les accessoires et aucune erreur de console ne se produit, mais j'ai besoin de cette propriété calculée pour déterminer la fin du carrousel. 

Answer 1

Je pense que vous devriez spécifier une valeur par défaut pour cette propriété afin que les propriétés calculées fonctionnent correctement lorsque la mediaItemspropriété n'a pas été définie en externe :

props: {
  mediaItems: {
    type: Array,
    default: ()=>[]
  }, 
  sliderHeading: String
}