小程序使用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 相关文章推荐
jquery实现的让超出显示范围外的导航自动固定屏幕最顶上
Sep 22 Javascript
测试IE浏览器对JavaScript的AngularJS的兼容性
Jun 19 Javascript
jquery+php随机生成红包金额数量代码分享
Aug 27 Javascript
[原创]jQuery常用的4种加载方式分析
Jul 25 Javascript
JavaScript实现页面定时刷新(定时器,meta)
Oct 12 Javascript
微信小程序 网络API发起请求详解
Nov 09 Javascript
实例浅析js的this
Dec 11 Javascript
微信小程序本地缓存数据增删改查实例详解
May 24 Javascript
基于three.js编写的一个项目类示例代码
Jan 05 Javascript
如何在vue中使用ts的示例代码
Feb 28 Javascript
Vue入门之animate过渡动画效果
Apr 08 Javascript
小程序实现展开/收起的效果示例
Sep 22 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
2006/12/13 PHP
php中通过curl模拟登陆discuz论坛的实现代码
2012/02/16 PHP
浅析PHP中的字符串编码转换(自动识别原编码)
2013/07/02 PHP
PHP输出英文时间日期的安全方法(RFC 1123格式)
2014/06/13 PHP
PHP二维数组去重实例分析
2016/11/18 PHP
php简单检测404页面的方法示例
2019/08/23 PHP
encode脚本和normal脚本混用的问题与解决方法
2007/03/08 Javascript
浅谈tudou土豆网首页图片延迟加载的效果
2010/06/23 Javascript
jquery复选框checkbox实现删除前判断
2014/04/20 Javascript
JavaScript获取DOM元素的11种方法总结
2015/04/25 Javascript
JavaScript+CSS实现的可折叠二级菜单实例
2016/02/29 Javascript
js实现把图片的绝对路径转为base64字符串、blob对象再上传
2016/12/29 Javascript
js实现符合国情的日期插件详解
2017/01/19 Javascript
jQuery Ajax 实现分页 kkpager插件实例代码
2017/08/10 jQuery
Javascript网页抢红包外挂实现分享
2018/01/11 Javascript
Js面试算法详解
2018/04/08 Javascript
利用Node.js如何实现文件循环覆写
2019/04/05 Javascript
js实现带箭头的进度流程
2020/03/26 Javascript
js实现筛选功能
2020/11/24 Javascript
PYTHON正则表达式 re模块使用说明
2011/05/19 Python
python+django快速实现文件上传
2016/10/24 Python
利用Python+Java调用Shell脚本时的死锁陷阱详解
2018/01/24 Python
numpy.linspace 生成等差数组的方法
2018/07/02 Python
Python使用到第三方库PyMuPDF图片与pdf相互转换
2019/05/03 Python
python中用logging实现日志滚动和过期日志删除功能
2019/08/20 Python
PyQT5 emit 和 connect的用法详解
2019/12/13 Python
详解PyQt5信号与槽的几种高级玩法
2020/03/24 Python
python Scrapy爬虫框架的使用
2021/01/21 Python
CSS3结构性伪类选择器九种写法
2012/04/18 HTML / CSS
印尼最大的婴儿用品购物网站:Orami
2017/09/28 全球购物
Aosom西班牙:家具在线商店
2020/06/11 全球购物
*p++ 自增p 还是p所指向的变量
2016/07/16 面试题
教师四风问题对照检查材料
2014/09/26 职场文书
学雷锋团日活动总结
2015/05/06 职场文书
大学军训通讯稿(2016最新版)
2015/12/21 职场文书
SQL SERVER中的流程控制语句
2022/05/25 SQL Server