Vue.js 如何在计算属性中使用道具?

Vue.js 如何在计算属性中使用道具?,vue.js,vuejs2,vue-component,Vue.js,Vuejs2,Vue Component,我有一个转盘组件,它接收一个道具“mediaItems”,我在计算属性中使用该道具来确定转盘的终点: props: ['mediaItems', 'sliderHeading'], computed: { atEndOfList() { return this.currentOffset <= (this.paginationFactor * -1) * (this.mediaItems.length / this.windowSize) + this.paginationFa

我有一个转盘组件,它接收一个道具“mediaItems”,我在计算属性中使用该道具来确定转盘的终点:

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

返回this.currentOffset我想您应该为此道具指定一个默认值,以便在未设置道具的情况下,使计算道具正常工作:

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

我想您应该为该道具指定一个默认值,以便在
mediateItems
prop尚未设置在外部时,使计算道具正常工作:

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

只需在执行
.length
之前检查其定义,当它被填充到endoflist时,将重新计算检查拼写错误的用法,您的道具是
mediateItems
,您显示的错误是
mediateItem
@Giovane oops,这是上面我控制台中的一个打字错误。thanks@LawrenceCherone如何检查中是否定义了道具计算属性?如if(this.mediateItems.length)?只需在执行
.length
之前检查它的定义,当它填充到endoflist时将重新计算检查拼写错误的用法,您的道具是
mediateItems
,您显示的错误是
mediateItem
@Giovane oops,这是上面我的控制台中的一个打字错误。thanks@LawrenceCherone如何检查道具是否定义为in计算属性?如(this.mediaItems.length)?默认值应为函数:默认值:()=>[]是此函数作为默认值的解决方案有效!感谢Anatoly默认值应为函数:默认值:()=>[]是此函数作为默认值的解决方案有效!感谢Anatoly