本文主要是介绍vant weapp UI之submitbar组件价钱显示有问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
效果
问题
之前因为项目测试支付,所以价钱一直都是0.01。然后渲染在组件上面价钱就一直变成了0。接口数据返回是对的,页面上传参也没问题,那就只有去读源码了。
然后本人发现这个submit-bar组件中对价钱进行了处理的。如下图红线处:
组件中把价钱除了100,且做了四舍五入处理。toFixed()是把Number 四舍五入为指定小数位数的数字。
所以就把我穿的值0.01四舍五入成了0。
解决
将你的价钱参数*100,这样就是正常显示了
index.wxml
<van-submit-barprice="{{ item.totalFee*100 }}"safe-area-inset-bottom="{{true}}"button-text="提交订单"bind:submit="toPay"
/>
总结
虽然这是个小问题,但是vant weapp官方文档中组件示例并没有给出具体的说明,望改善。
遇到问题,要努力找出原因。共勉!!!
这篇关于vant weapp UI之submitbar组件价钱显示有问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!