小程序怎么使用wxs解决wxml保留2位小数问题-创新互联

这篇文章主要介绍“小程序怎么使用wxs解决wxml保留2位小数问题”,在日常操作中,相信很多人在小程序怎么使用wxs解决wxml保留2位小数问题问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”小程序怎么使用wxs解决wxml保留2位小数问题”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

创新互联专注于大观企业网站建设,成都响应式网站建设公司,商城网站定制开发。大观网站建设公司,为大观等地区提供建站服务。全流程按需求定制网站,专业设计,全程项目跟踪,创新互联专业和态度为您提供的服务

1.出现溢出表现

小程序怎么使用wxs解决wxml保留2位小数问题

从图中可以看到数字超出了很长长度。代码里面是如下这样的。为什么在0.35出现?或者一些相成的计算出现? 而 0.34却不会。


小程序怎么使用wxs解决wxml保留2位小数问题

0.41 也会出现,好像是二进制运算出现结果。


小程序怎么使用wxs解决wxml保留2位小数问题

data: {
  price:0.01,
  num:35
 },

wxml文件仅仅是处理一个相处的结果。


 {{price*num}}

2.在wxml文件加入一个约束2位小数操作

在wxml文件里面创建一个方法,调用的时候就可以直接使用保留2位小数的问题了。创建一个wxs模块,看如下的代码,在模块里面添加对应的处理方法。


 {{we.toFixed(price*num)}}



 var toFixed = function (value) {
 return value.toFixed(2);
}
module.exports = {
  toFixed :toFixed
}

经过这个方法处理,小程序的运算可以保留到2位小数了。

到此,关于“小程序怎么使用wxs解决wxml保留2位小数问题”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!


网站标题:小程序怎么使用wxs解决wxml保留2位小数问题-创新互联
当前URL:http://bzwzjz.com/article/dheipp.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 重庆网站建设 成都网站建设 成都网站建设 专业网站设计 网站制作公司 响应式网站建设 高端网站建设 成都网站设计公司 成都响应式网站建设公司 手机网站制作 成都网站建设 成都网站设计 成都网站制作 网站建设方案 网站制作公司 成都定制网站建设 网站建设费用 成都网站设计制作公司 成都网站建设公司 网站设计 成都做网站建设公司 网站建设公司