計算プロパティで prop を使用する場合のヒント

Question

「mediaItems」という小道具を受け取るカルーセル コンポーネントがあります。これを計算プロパティで使用して、カルーセルの終わりを決定します。

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

これにより、コンポーネントが空になり、コンソール エラーが表示されます:

<ブロック引用>

タイプ エラー: this.mediaItems が未定義です

計算されたプロパティを削除すると、コンポーネントはプロパティをロードし、コンソール エラーは発生しませんが、カルーセルの終わりを決定するにはこの計算されたプロパティが必要です。

Answer 1

mediaItems プロパティが外部で設定されていない場合に、計算されたプロパティが適切に機能するように、このプロパティのデフォルト値を指定する必要があると思います。

リーリー