Vue.js 如何在计算属性中使用道具?
我有一个转盘组件,它接收一个道具“mediaItems”,我在计算属性中使用该道具来确定转盘的终点: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
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