Vue中的数字运算有时候会出现NAN的情况

    vue的html中,经常会出现,需要对获取的数据进行加减乘除运算的情况,如果在表达式中进行运算,例:{{ a + b + c }},这种会导致,你在获取数据的时候,值还没取到,dom刚开始渲染,所以a,b,c的值做运算,会显示NAN,等到数据获取结束,才会显示运算结果,对于这种短暂的NAN的闪现,往往会影响用户体验,具体给出解决办法,一种是加loading,通过loading来覆盖NAN,另一种是在http请求的结果response.data中,直接赋值处理,如:this.result = this.a + this.b + this.c,注意,这里的result必须在data属性中定义,否则会报错。
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值