使用prop在计算属性中的技巧

Question

我有一个轮播组件，接收一个名为'mediaItems'的prop，我在一个计算属性中使用这个prop来确定轮播的结束：

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

这导致组件为空，并且我收到一个控制台错误：

类型错误：this.mediaItems 未定义

如果我移除计算属性，组件会加载props，并且不会出现控制台错误，但是我需要这个计算属性来确定轮播的结束。

Answer 1

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

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