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


Posted in Javascript onDecember 13, 2019

1.出现溢出表现

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

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

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

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

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

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

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

<view>
 {{price*num}}
</view>

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

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

<view>
 {{we.toFixed(price*num)}}
</view>

<wxs module="we">
 var toFixed = function (value) {
 return value.toFixed(2);
}
module.exports = {
  toFixed :toFixed
}
</wxs>

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript和CSS通过expression实现Table居中显示
Jun 28 Javascript
JavaScript数值数组排序示例分享
May 27 Javascript
Windows8下搭建Node.js开发环境教程
Sep 03 Javascript
仿JQuery输写高效JSLite代码的一些技巧
Jan 13 Javascript
js实现延迟加载的几种方法
Apr 24 Javascript
bootstrap table使用入门基本用法
May 24 Javascript
解决JS内存泄露之js对象和dom对象互相引用问题
Jun 25 Javascript
详解jQuery-each()方法
Mar 13 jQuery
Nginx设置为Node.js的前端服务器方法总结
Mar 27 Javascript
node.js express捕获全局异常的三种方法实例分析
Dec 27 Javascript
基于javascript处理二进制图片流过程详解
Jun 08 Javascript
JS setTimeout与setInterval的区别
Apr 20 Javascript
微信小程序点击保存图片到本机功能
Dec 13 #Javascript
微信小程序实现轨迹回放的示例代码
Dec 13 #Javascript
微信小程序 SOTER 生物认证DEMO 指纹识别功能
Dec 13 #Javascript
vue中使用elementUI组件手动上传图片功能
Dec 13 #Javascript
使用uni-app开发微信小程序的实现
Dec 13 #Javascript
webpack DllPlugin xxx is not defined解决办法
Dec 13 #Javascript
微信小程序关键字变色实现代码实例
Dec 13 #Javascript
You might like
浅谈PHP语法(1)
2006/10/09 PHP
php调用mysql数据 dbclass类
2011/05/07 PHP
两种php给图片加水印的实现代码
2020/04/18 PHP
php需登录的文件上传管理系统
2020/03/21 PHP
谈谈PHP中substr和substring的正确用法及相关参数的介绍
2015/12/16 PHP
JQUERY CHECKBOX全选,取消全选,反选方法三
2008/08/30 Javascript
jquery 表格分页等操作实现代码(pagedown,pageup)
2010/04/11 Javascript
jQuery ReferenceError: $ is not defined 错误的处理办法
2013/05/10 Javascript
Jquery 实现table样式的设定
2015/01/28 Javascript
jQuery实现仿淘宝带有指示条的图片转动切换效果完整实例
2015/03/04 Javascript
JavaScript中的函数嵌套使用
2015/06/04 Javascript
基于javascript实现图片左右切换效果
2016/01/25 Javascript
理解javascript中的闭包
2017/01/11 Javascript
基于Bootstrap的Java开发问题汇总(Spring MVC)
2017/01/15 Javascript
Vue 处理表单input单行文本框的实例代码
2019/05/09 Javascript
微信小程序-API接口安全详解
2019/07/16 Javascript
详解nuxt 微信公众号支付遇到的问题与解决
2019/08/26 Javascript
使用layui的layer组件做弹出层的例子
2019/09/27 Javascript
JavaScript前端开发时数值运算的小技巧
2020/07/28 Javascript
利用js实现简易红绿灯
2020/10/15 Javascript
[01:15:44]首部DOTA2纪录片今日23时全网上映
2014/03/19 DOTA
Python的迭代器和生成器使用实例
2015/01/14 Python
python实现将汉字转换成汉语拼音的库
2015/05/05 Python
Python机器学习之scikit-learn库中KNN算法的封装与使用方法
2018/12/14 Python
django 微信网页授权认证api的步骤详解
2019/07/30 Python
win10环境下配置vscode python开发环境的教程详解
2019/10/16 Python
如何导出python安装的所有模块名称和版本号到文件中
2020/06/05 Python
python 基于opencv实现高斯平滑
2020/12/18 Python
CSS3教程(3):border-color网页边框色彩
2009/04/02 HTML / CSS
学校三节实施方案
2014/06/09 职场文书
2014年幼儿园德育工作总结
2014/12/17 职场文书
我们的节日元宵节活动总结
2015/02/06 职场文书
小学教师求职信范文
2015/03/20 职场文书
我对PyTorch dataloader里的shuffle=True的理解
2021/05/20 Python
Django对接elasticsearch实现全文检索的示例代码
2021/08/02 Python
Python Matplotlib绘制动画的代码详解
2022/05/30 Python