Tipps zur Verwendung von prop in berechneten Eigenschaften

Question

Ich habe eine Karussellkomponente, die eine Requisite namens „mediaItems“ empfängt, die ich in einer berechneten Eigenschaft verwende, um das Ende des Karussells zu bestimmen:

props: ['mediaItems', 'sliderHeading'],
berechnet: {
  atEndOfList() {
    return this.currentOffset <= (this.paginationFactor * -1) * (this.mediaItems.length / this.windowSize) + this.paginationFactor;
},

Dies führt dazu, dass die Komponente leer ist und ich einen Konsolenfehler erhalte:

Typfehler: this.mediaItems ist undefiniert

Wenn ich die berechnete Eigenschaft entferne, lädt die Komponente die Requisiten und es tritt kein Konsolenfehler auf, aber ich benötige diese berechnete Eigenschaft, um das Ende des Karussells zu bestimmen.

Answer 1

我想你应该为这个属性指定一个默认值，以便在mediaItems属性在外部尚未设置时，使计算属性正常工作：

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