vant weapp UI之submitbar组件价钱显示有问题

vant weapp UI之submitbar组件价钱显示有问题

效果

问题

之前因为项目测试支付，所以价钱一直都是0.01。然后渲染在组件上面价钱就一直变成了0。接口数据返回是对的，页面上传参也没问题，那就只有去读源码了。

然后本人发现这个submit-bar组件中对价钱进行了处理的。如下图红线处：

组件中把价钱除了100，且做了四舍五入处理。toFixed（）是把Number 四舍五入为指定小数位数的数字。

所以就把我穿的值0.01四舍五入成了0。

解决

将你的价钱参数*100，这样就是正常显示了

index.wxml

<van-submit-barprice="{{ alFee*100 }}"safe-area-inset-bottom="{{true}}"button-text="提交订单"bind:submit="toPay"
/>

总结

虽然这是个小问题，但是vant weapp官方文档中组件示例并没有给出具体的说明，望改善。

遇到问题，要努力找出原因。共勉！！！