小程序使用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 getElementsByClassName函数
Apr 01 Javascript
真正的JQuery.ajax传递中文参数的解决方法
May 28 Javascript
纯Javascript实现ping功能的方法
Mar 20 Javascript
jQuery实现鼠标经过图片变亮其他变暗效果
May 08 Javascript
jquery使用each方法遍历json格式数据实例
May 18 Javascript
JS定义类的六种方式详解
May 12 Javascript
input file上传 图片预览功能实例代码
Oct 25 Javascript
基于vue监听滚动事件实现锚点链接平滑滚动的方法
Jan 17 Javascript
Vue中使用sass实现换肤功能
Sep 07 Javascript
详解在网页上通过JS实现文本的语音朗读
Mar 28 Javascript
node.js如何自定义实现一个EventEmitter
Jul 16 Javascript
使用Canvas绘制一个游戏人物属性图
Mar 25 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桌面中心(一) 创建数据库
2007/03/11 PHP
PHP判断搜索引擎蜘蛛并自动记忆到文件的代码
2012/02/04 PHP
web目录下不应该存在多余的程序(安全考虑)
2012/05/09 PHP
PHP实现微信模拟登陆并给用户发送消息的方法【文字,图片,图文】
2017/06/29 PHP
phpstorm 正则匹配删除空行、注释行(替换注释行为空行)
2018/01/21 PHP
解决laravel session失效的问题
2019/10/14 PHP
基于JavaScript 数据类型之Boolean类型分析介绍
2013/04/19 Javascript
jQuery学习笔记之创建DOM元素
2015/01/19 Javascript
JS烟花背景效果实现方法
2015/03/03 Javascript
JavaScript中Math.SQRT2属性的使用详解
2015/06/14 Javascript
JQuery在循环中绑定事件的问题详解
2016/06/02 Javascript
JavaScript中的Reflect对象详解(ES6新特性)
2016/07/22 Javascript
jQuery图片轮播功能实例代码
2017/01/29 Javascript
大白话讲解JavaScript的Promise
2017/04/06 Javascript
JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例
2018/07/30 Javascript
微信小程序控制台提示warning:Now you can provide attr &quot;wx:key&quot; for a &quot;wx:for&quot; to improve performance解决方法
2019/02/21 Javascript
vue实现页面滚动到底部刷新
2019/08/16 Javascript
JavaScript中的相等操作符使用详解
2019/12/21 Javascript
es6函数之rest参数用法实例分析
2020/04/18 Javascript
Javascript前端下载后台传来的文件流代码实例
2020/08/18 Javascript
[37:22]DOTA2上海特级锦标赛D组资格赛#2 Liquid VS VP第一局
2016/02/28 DOTA
[01:08:33]OG vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python cookbook(数据结构与算法)从任意长度的可迭代对象中分解元素操作示例
2018/02/13 Python
python的pstuil模块使用方法总结
2019/07/26 Python
pytorch标签转onehot形式实例
2020/01/02 Python
django修改models重建数据库的操作
2020/03/31 Python
对python中arange()和linspace()的区别说明
2020/05/03 Python
Python 判断时间是否在时间区间内的实例
2020/05/16 Python
巧用HTML5给按钮背景设计不同的动画简单实例
2016/08/09 HTML / CSS
美国时尚大码女装购物网站:Avenue
2019/05/24 全球购物
以下为Windows NT 下的32 位C++程序,请计算sizeof 的值
2016/12/07 面试题
家长通知书家长评语
2014/04/17 职场文书
学校捐书倡议书
2015/04/27 职场文书
个人向公司借款协议书
2016/03/19 职场文书
2016年“12.3”国际残疾人日活动总结
2016/04/01 职场文书
总结一些Java常用的加密算法
2021/06/11 Java/Android