小程序使用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 Form.elements[i]的使用实例
Nov 13 Javascript
jQuery实现级联菜单效果(仿淘宝首页菜单动画)
Apr 10 Javascript
javascript设计模式之解释器模式详解
Jun 05 Javascript
原生javascript实现DIV拖拽并计算重复面积
Jan 02 Javascript
浅析AngularJS中的指令
Mar 20 Javascript
javascript中去除数组重复元素的实现方法【实例】
Apr 12 Javascript
利用策略模式与装饰模式扩展JavaScript表单验证功能
Feb 14 Javascript
微信JS-SDK选取手机照片上传功能
Apr 21 Javascript
js拖动滑块和点击水波纹效果实例代码
Oct 16 Javascript
基于Vue SEO的四种方案(小结)
Jul 01 Javascript
laypage.js分页插件使用方法详解
Jul 27 Javascript
5分钟快速看懂ES6中的反射与代理
Dec 19 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在文件指定行中写入代码的方法
2012/05/23 PHP
php存储过程调用实例代码
2013/02/03 PHP
php实现简单的上传进度条
2015/11/17 PHP
PHP与Web页面的交互示例详解二
2020/08/04 PHP
JavaScript如何从listbox里同时删除多个项目
2013/10/12 Javascript
js和css写一个可以自动隐藏的悬浮框
2014/03/05 Javascript
jQuery的css()方法用法实例
2014/12/24 Javascript
jQuery中position()方法用法实例
2015/01/16 Javascript
为什么JS中eval处理JSON数据要加括号
2015/04/13 Javascript
JavaScript的代码编写格式规范指南
2015/12/07 Javascript
KnockoutJS 3.X API 第四章之表单submit、enable、disable绑定
2016/10/10 Javascript
解决option标签selected=&quot;selected&quot;属性失效的问题
2017/11/06 Javascript
vue-cli启动本地服务局域网不能访问的原因分析
2018/01/22 Javascript
vue页面跳转后返回原页面初始位置方法
2018/02/11 Javascript
浅谈JS对象添加getter与setter的5种方法
2018/06/09 Javascript
AngularJs返回前一页面时刷新一次前面页面的方法
2018/10/09 Javascript
Vue表单输入绑定的示例代码
2018/11/01 Javascript
Vue中对iframe实现keep alive无刷新的方法
2019/07/23 Javascript
Python中模拟enum枚举类型的5种方法分享
2014/11/22 Python
Python 读取指定文件夹下的所有图像方法
2018/04/27 Python
pyqt5中动画的使用详解
2020/04/01 Python
Python实现迪杰斯特拉算法并生成最短路径的示例代码
2020/12/01 Python
法国大使拉杆箱官网:DELSEY Paris
2018/03/20 全球购物
乌克兰第一的珠宝网上商店:Gold.ua
2019/11/29 全球购物
求职简历中的自我评价分享
2013/12/08 职场文书
劳资专员岗位职责
2013/12/27 职场文书
服务之星获奖感言
2014/01/21 职场文书
学习十八大报告感言
2014/02/04 职场文书
财务会计专业自荐书
2014/06/30 职场文书
2015年幼儿园新年寄语
2014/12/08 职场文书
2014年优秀党员材料
2014/12/18 职场文书
实习介绍信模板
2015/01/30 职场文书
2016年度师德标兵先进事迹材料
2016/02/26 职场文书
Python中super().__init__()测试以及理解
2021/12/06 Python
TV动画《史上最强大魔王转生为村民A》番宣CM公布
2022/04/01 日漫
5个实用的JavaScript新特性
2022/06/16 Javascript