小程序怎么使用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://myzitong.com/article/dheipp.html