小程序使用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 Sort 的一个错误用法示例
Mar 20 Javascript
jquery实现Li滚动时滚动条自动添加样式的方法
Aug 10 Javascript
黑帽seo劫持程序,js劫持搜索引擎代码
Sep 15 Javascript
JS弹出对话框实现方法(三种方式)
Dec 18 Javascript
node.js cookie-parser之parser.js
Jun 06 Javascript
JS简单封装的图片无缝滚动效果示例【测试可用】
Mar 22 Javascript
详解Node.js中exports和module.exports的区别
Apr 19 Javascript
vue项目中vue-i18n和element-ui国际化开发实现过程
Apr 25 Javascript
微信小程序实现topBar底部选择栏效果
Jul 20 Javascript
jquery实现动态创建form并提交的方法示例
May 27 jQuery
vue的keep-alive用法技巧
Aug 15 Javascript
antd form表单数据回显操作
Nov 02 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 生成文字png图片的代码
2011/04/17 PHP
用JavaScript实现仿Windows关机效果
2007/03/10 Javascript
基于jQuery的可用于选项卡及幻灯的切换插件
2011/03/28 Javascript
js 事件处理函数间的Event物件是否全等
2011/04/08 Javascript
JavaScript起点(严格模式深度了解)
2013/01/28 Javascript
js验证IP及子网掩码的合法性有效性示例
2014/04/30 Javascript
jQuery中removeProp()方法用法实例
2015/01/05 Javascript
第二次聊一聊JS require.js模块化工具的基础知识
2016/04/17 Javascript
jQuery+CSS实现简单切换菜单示例
2016/07/27 Javascript
Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法
2016/08/18 Javascript
canvas绘制表盘时钟
2017/01/23 Javascript
JS获取子、父、兄节点方法小结
2017/08/14 Javascript
JS实现浏览上传文件的代码
2017/08/23 Javascript
nodejs判断文件、文件夹是否存在及删除的方法
2017/11/10 NodeJs
解决vue中修改export default中脚本报一大堆错的问题
2018/08/27 Javascript
详解angularjs4部署文件过大解决过程
2018/12/05 Javascript
10个最受欢迎的 JavaScript框架(推荐)
2019/04/24 Javascript
express框架中使用jwt实现验证的方法
2019/08/25 Javascript
用Nodejs实现在终端中炒股的实现
2020/10/18 NodeJs
如何封装Vue Element的table表格组件
2021/02/06 Vue.js
使用Python3中的gettext模块翻译Python源码以支持多语言
2015/03/31 Python
Selenium的使用详解
2018/10/19 Python
详解Python中正则匹配TAB及空格的小技巧
2019/07/26 Python
python框架flask入门之环境搭建及开启调试
2020/06/07 Python
世界顶级足球门票网站:Live Football Tickets
2017/10/14 全球购物
100%有机精油,美容油:House of Pure Essence
2018/10/30 全球购物
Allen Edmonds官方网站:一家美国优质男士鞋类及配饰制造商
2019/03/12 全球购物
怎么处理XML的中文问题
2015/03/26 面试题
个人简历自我评价
2014/02/02 职场文书
《临死前的严监生》教学反思
2014/02/13 职场文书
小学生新年寄语
2014/04/03 职场文书
授权委托书样本
2014/04/03 职场文书
婚宴新娘致辞
2015/07/28 职场文书
python程序的组织结构详解
2021/12/06 Python
Hive HQL支持2种查询语句风格
2022/06/25 数据库
如何利用python创作字符画
2022/06/25 Python