小程序使用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 中对象的继承〔转贴〕
Jan 22 Javascript
document.open() 与 document.write()的区别
Aug 13 Javascript
js+CSS 图片等比缩小并垂直居中实现代码
Dec 01 Javascript
IE8下关于querySelectorAll()的问题
May 13 Javascript
editable.js 基于jquery的表格的编辑插件
Oct 24 Javascript
js屏蔽鼠标键盘(右键/Ctrl+N/Shift+F10/F11/F5刷新/退格键)
Jan 24 Javascript
Js(JavaScript)中,弹出是或否的选择框示例(confirm用法的实例分析)
Jul 09 Javascript
Javascript变量作用域详解
Dec 06 Javascript
jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法
Aug 05 Javascript
angular之ng-template模板加载
Nov 09 Javascript
浅谈Vue为什么不能检测数组变动
Oct 14 Javascript
VUE中的v-if与v-show区别介绍
Mar 13 Vue.js
微信小程序点击保存图片到本机功能
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
vBulletin HACK----显示话题大小和打开新窗口于论坛索引页
2006/10/09 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(四)
2014/06/23 PHP
PHP编程中的常见漏洞和代码实例
2014/08/06 PHP
tp5.1 框架数据库高级查询技巧实例总结
2020/05/25 PHP
PHP队列场景以及实现代码实例详解
2021/02/26 PHP
细说javascript函数从函数的构成开始
2013/08/29 Javascript
表单提交前触发函数返回true表单才会提交
2014/03/11 Javascript
javascript数组去重的六种方法汇总
2015/08/16 Javascript
js流动式效果显示当前系统时间
2016/05/16 Javascript
jQuery Ajax 异步加载显示等待效果代码分享
2016/08/01 Javascript
Angular的自定义指令以及实例
2016/12/26 Javascript
折叠菜单及选择器的运用
2017/02/03 Javascript
微信小程序 支付功能(前端)的实现
2017/05/24 Javascript
javascript编程开发中取色器及封装$函数用法示例
2017/08/09 Javascript
对Vue2 自定义全局指令Vue.directive和指令的生命周期介绍
2018/08/30 Javascript
微信小程序点击view动态添加样式过程解析
2020/01/21 Javascript
VUE使用 wx-open-launch-app 组件开发微信打开APP功能
2020/08/11 Javascript
[57:22]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第五场
2018/04/10 DOTA
Python爬取Coursera课程资源的详细过程
2014/11/04 Python
Python中列表、字典、元组、集合数据结构整理
2014/11/20 Python
Python程序中使用SQLAlchemy时出现乱码的解决方案
2015/04/24 Python
Python结合ImageMagick实现多张图片合并为一个pdf文件的方法
2018/04/24 Python
Python递归函数实例讲解
2019/02/27 Python
Python Pandas 箱线图的实现
2019/07/23 Python
Python基于wordcloud及jieba实现中国地图词云图
2020/06/09 Python
HTML5的结构和语义(4):语义性的内联元素
2008/10/17 HTML / CSS
美国知名保健品网站:LuckyVitamin(支持中文)
2017/08/09 全球购物
英国HYPE双肩包官网:英国本土时尚潮牌
2018/09/26 全球购物
阿联酋最好的手机、电子产品和家用电器网上商店:Eros Digital Home
2020/08/09 全球购物
土木工程个人自荐信范文
2013/11/30 职场文书
工商治理实习生的自我评价
2014/01/15 职场文书
工作时间调整通知
2015/04/24 职场文书
婚宴新郎致辞
2015/07/28 职场文书
Mysql 如何查询时间段交集
2021/06/08 MySQL
聊聊配置 Nginx 访问与错误日志的问题
2022/05/25 Servers
win10搭建配置ftp服务器的方法
2022/08/05 Servers