问答

vue+typescript 怎么使用动态prop

作者:admin 2021-09-28 我要评论

memberBanefit是接口返回的,这样会报错 根据vue官网,推荐使用计算属性 https://cn.vuejs.org/v2/guide... 然后做了如下修改 有报错了 请路过的大佬指点一下,...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

image.png

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

image.png

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

然后做了如下修改

image.png

有报错了
image.png

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

###

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

interface MemeberBanefitType {
    xxx: number;
}

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

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

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • vue+typescript 怎么使用动态prop

    vue+typescript 怎么使用动态prop

  • es6模板语法${}的疑问

    es6模板语法${}的疑问

  • 自定义View添加TextView 无法显示

    自定义View添加TextView 无法显示

  • 如何实现页面访问深度?

    如何实现页面访问深度?

腾讯云代理商
海外云服务器