小程序使用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的一种模块模式
Mar 22 Javascript
实用的JS正则表达式(手机号码/IP正则/邮编正则/电话等)
Jan 11 Javascript
原生js仿jq判断当前浏览器是否为ie,精确到ie6~8
Aug 30 Javascript
jquery性能优化高级技巧
Aug 24 Javascript
前端jquery部分很精彩
May 03 Javascript
15款最好的Bootstrap在线编辑器
Aug 03 Javascript
JSON与XML的区别对比及案例应用
Nov 11 Javascript
[js高手之路]从原型链开始图解继承到组合继承的产生详解
Aug 28 Javascript
Vue2 配置 Axios api 接口调用文件的方法
Nov 13 Javascript
在微信小程序中使用图表的方法示例
Apr 25 Javascript
swiper Scrollbar滚动条组件详解
Sep 08 Javascript
JavaScript Event Loop相关原理解析
Jun 10 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中的日期时间处理利器实例(Carbon)
2017/06/09 PHP
解决jquery .ajax 在IE下卡死问题的解决方法
2009/10/26 Javascript
javascript 获取元素位置的快速方法 getBoundingClientRect()
2009/11/26 Javascript
jQuery.get、jQuery.getJSON、jQuery.post无法返回JSON问题的解决方法
2011/07/28 Javascript
javascript复制粘贴与clipboardData的使用
2014/10/16 Javascript
jQuery中replaceWith()方法用法实例
2014/12/25 Javascript
JavaScript事件委托实例分析
2015/05/26 Javascript
jQuery封装的tab选项卡插件分享
2015/06/16 Javascript
浅析JavaScript声明变量
2015/12/21 Javascript
第十章之巨幕页头缩略图与警告框组件
2016/04/25 Javascript
JS不用正则验证输入的字符串是否为空(包含空格)的实现代码
2016/06/14 Javascript
详解Node.js如何开发命令行工具
2016/08/14 Javascript
Angular 应用技巧总结
2016/09/14 Javascript
微信小程序开发之toast提示插件使用示例
2017/06/08 Javascript
浅谈Angular路由守卫
2017/08/26 Javascript
VUE实现一个分页组件的示例
2017/09/13 Javascript
Vue 莹石摄像头直播视频实例代码
2018/08/31 Javascript
JS基于Location实现访问Url、重定向及刷新页面的方法分析
2018/12/03 Javascript
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
2019/11/07 jQuery
[01:43]倾听DOTA2英雄之声 魅惑魔女国服配音鉴赏
2013/06/06 DOTA
Python比较文件夹比另一同名文件夹多出的文件并复制出来的方法
2015/03/05 Python
python在Windows8下获取本机ip地址的方法
2015/03/14 Python
python 从文件夹抽取图片另存的方法
2018/12/04 Python
Win10系统下安装labelme及json文件批量转化方法
2019/07/30 Python
Django之使用celery和NGINX生成静态页面实现性能优化
2019/10/08 Python
python实现两个字典合并,两个list合并
2019/12/02 Python
基于python3生成标签云代码解析
2020/02/18 Python
Python 将 QQ 好友头像生成祝福语的实现代码
2020/05/03 Python
BIBLOO捷克:购买女装、男装、童装、鞋和配件
2017/01/27 全球购物
澳大利亚著名的纺织品品牌:Canningvale
2020/05/05 全球购物
GC是什么?为什么要有GC?
2013/12/08 面试题
医学生毕业自我鉴定
2014/03/26 职场文书
企业授权委托书范本
2014/04/02 职场文书
充分就业社区汇报材料
2014/05/07 职场文书
2014年人事部工作总结
2014/12/03 职场文书
vue中三级导航的菜单权限控制
2021/03/31 Vue.js