小程序使用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 相关文章推荐
疯掉了,尽然有js写的操作系统
Apr 23 Javascript
javascript flash下fromCharCode和charCodeAt方法使用说明
Jan 12 Javascript
js图片轮播特效代码分享
Sep 07 Javascript
js操作table元素实现表格行列新增、删除技巧总结
Nov 18 Javascript
基于JQuery实现分隔条的功能
Jun 17 Javascript
JavaScript正则表达式exec/g实现多次循环用法示例
Jan 17 Javascript
Angular多选、全选、批量选择操作实例代码
Mar 10 Javascript
JavaScript原型对象原理与应用分析
Dec 27 Javascript
一次微信小程序内地图的使用实战记录
Sep 09 Javascript
JavaScript进阶(四)原型与原型链用法实例分析
May 09 Javascript
JavaScript setTimeout()基本用法有哪些
Nov 04 Javascript
ztree+ajax实现文件树下载功能
May 18 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 清除网页病毒的方法
2008/12/05 PHP
php中显示数组与对象的实现代码
2011/04/18 PHP
探讨PHP JSON中文乱码的解决方法详解
2013/06/06 PHP
10个值得深思的PHP面试题
2016/11/14 PHP
解决PHP程序运行时:Fatal error: Maximum execution time of 30 seconds exceeded in的错误提示
2016/11/25 PHP
PHP设计模式(三)建造者模式Builder实例详解【创建型】
2020/05/02 PHP
Javascript 获取LI里的内容
2008/12/17 Javascript
javascript模版引擎-tmpl的bug修复与性能优化分析
2011/10/23 Javascript
Javascript继承(上)——对象构建介绍
2012/11/08 Javascript
红米手机抢购的js代码
2014/03/10 Javascript
jQuery函数map()和each()介绍及异同点分析
2014/11/08 Javascript
浅谈jQuery中对象遍历.eq().first().last().slice()方法
2014/11/26 Javascript
nodejs中操作mysql数据库示例
2014/12/20 NodeJs
AngularJS ng-app 指令实例详解
2016/07/30 Javascript
thinkphp标签实现bootsrtap轮播carousel实例代码
2017/02/19 Javascript
vue.js实现的经典计算器/科学计算器功能示例
2018/07/11 Javascript
详解Vue.js在页面加载时执行某个方法
2018/11/20 Javascript
vue实现节点增删改功能
2019/09/26 Javascript
Node.js Domain 模块实例详解
2020/03/18 Javascript
[00:44]2016完美“圣”典 风云人物:Mikasa宣传片
2016/12/07 DOTA
Python中的装饰器用法详解
2015/01/14 Python
Python requests发送post请求的一些疑点
2018/05/20 Python
OPENCV去除小连通区域,去除孔洞的实例讲解
2018/06/21 Python
pytorch中使用cuda扩展的实现示例
2020/02/12 Python
解决pyPdf和pyPdf2在合并pdf时出现异常的问题
2020/04/03 Python
基于pandas向csv添加新的行和列
2020/05/25 Python
卸载tensorflow-cpu重装tensorflow-gpu操作
2020/06/23 Python
利用Python pandas对Excel进行合并的方法示例
2020/11/04 Python
铭万公司.net面试题笔试题
2014/07/20 面试题
教师专业自荐书范文
2014/02/10 职场文书
心理健康日活动总结
2014/05/08 职场文书
法人身份证明书
2015/06/18 职场文书
付款证明格式范文
2015/06/19 职场文书
新教师2015年度工作总结
2015/07/22 职场文书
2019年大学生职业生涯规划书最新范文
2019/03/25 职场文书
Vue过滤器(filter)实现及应用场景详解
2021/06/15 Vue.js