小程序使用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 相关文章推荐
让您的菜单不离网站
Oct 03 Javascript
jquery下jstree简单应用 - v1.0
Apr 14 Javascript
在iframe里的页面编写js,实现在父窗口上创建动画效果展开和收缩的div(不变动iframe父窗口代码)
Dec 20 Javascript
JQUERY表单暂存功能插件分享
Feb 23 Javascript
详解AngularJS验证、过滤器、指令
Jan 04 Javascript
函数四种调用模式以及其中的this指向
Jan 16 Javascript
微信小程序中的onLoad详解及简单实例
Apr 05 Javascript
Require.js的基本用法详解
Jul 03 Javascript
vue-router路由懒加载和权限控制详解
Dec 13 Javascript
angularjs手动识别字符串中的换行符方法
Oct 02 Javascript
抖音上用记事本编写爱心小程序教程
Apr 17 Javascript
使用npm命令提示: 'npm' 不是内部或外部命令,也不是可运行的程序的处理方法
May 14 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
如何过滤高亮显示非法字符
2006/10/09 PHP
PHP INT类型在内存中占字节详解
2019/07/20 PHP
Prototype使用指南之base.js
2007/01/10 Javascript
JavaScript打开word文档的实现代码(c#)
2012/04/16 Javascript
jQuery Tools tab使用介绍
2012/07/14 Javascript
仿百度的关键词匹配搜索示例
2013/09/25 Javascript
jQuery实现下拉框左右选择的简单实例
2014/02/22 Javascript
jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标
2014/03/06 Javascript
Express.JS使用详解
2014/07/17 Javascript
javascript实现playfair和hill密码算法
2014/12/07 Javascript
js实现下拉框选择要显示图片的方法
2015/02/16 Javascript
JS实现的简单鼠标跟随DiV层效果完整实例
2015/10/31 Javascript
js传值后台中文出现乱码的解决方法
2016/06/30 Javascript
详解angularjs中如何实现控制器和指令之间交互
2017/05/31 Javascript
JavaScript实现提交模式窗口后刷新父窗口数据的方法
2017/06/16 Javascript
基于twbsPagination.js分页插件使用心得(分享)
2017/10/21 Javascript
React中的refs的使用教程
2018/02/13 Javascript
node上的redis调用优化示例详解
2018/10/30 Javascript
JavaScript数组排序的六种常见算法总结
2020/08/18 Javascript
[01:13:01]2018DOTA2亚洲邀请赛 4.4 淘汰赛 TNC vs VG 第三场
2018/04/05 DOTA
使用Python进行新浪微博的mid和url互相转换实例(10进制和62进制互算)
2014/04/25 Python
基于python 二维数组及画图的实例详解
2018/04/03 Python
Python判断变量名是否合法的方法示例
2019/01/28 Python
Python QQBot库的QQ聊天机器人
2019/06/19 Python
pytorch中torch.max和Tensor.view函数用法详解
2020/01/03 Python
将matplotlib绘图嵌入pyqt的方法示例
2020/01/08 Python
Python钉钉报警及Zabbix集成钉钉报警的示例代码
2020/08/17 Python
Python pip install之SSL异常处理操作
2020/09/03 Python
纯CSS实现聊天框小尖角、气泡效果
2014/04/04 HTML / CSS
幼儿园教师国培感言
2014/02/02 职场文书
廉洁家庭事迹材料
2014/05/15 职场文书
2014最新离职证明范本
2014/09/12 职场文书
2014年外贸业务员工作总结
2014/12/11 职场文书
红高粱观后感
2015/06/10 职场文书
标准发言稿结尾
2019/07/18 职场文书
nginx静态资源的服务器配置方法
2022/07/07 Servers