vue+typescript 怎么使用动态prop

image.png

memberBanefit是接口返回的,这样会报错

image.png

根据vue官网,推荐使用计算属性 https://cn.vuejs.org/v2/guide...

然后做了如下修改

image.png

有报错了
image.png

请路过的大佬指点一下,谢谢

阅读 4.3k
1 个回答

memberBanefit是从父组件传进来的吗?那就直接@Prop() memberBanefit: object;就可以了,当然用了ts最好还是定义一个类型,比如

interface MemeberBanefitType {
    xxx: number;
}

然后
@Prop({ type: Object }) memberBanefit: MemeberBanefitType;

你用计算属性报错Maximum call stack size exceeded是因为, 计算属性memberBanefit内又访问了this.memberBanefit,死循环了

推荐问题