小程序使用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 表格排序和表头浮动效果(扩展SortTable)
Apr 07 Javascript
JQuery的Ajax跨域请求原理概述及实例
Apr 26 Javascript
JavaScript中setMonth()方法的使用详解
Jun 11 Javascript
js学习笔记之事件处理模型
Oct 31 Javascript
使用Bootstrap美化按钮实例代码(demo)
Feb 03 Javascript
Bootstrap组合上、下拉框简单实现代码
Mar 06 Javascript
JavaScript实现左右下拉框动态增删示例
Mar 09 Javascript
vue实现购物车抛物线小球动画效果的方法详解
Feb 13 Javascript
微信小程序新手教程之页面打开数量限制
Mar 03 Javascript
express启用https使用小记
May 21 Javascript
监控微信小程序中的慢HTTP请求过程详解
Jul 05 Javascript
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
Jun 02 jQuery
微信小程序点击保存图片到本机功能
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/06 PHP
PHP统计二维数组元素个数的方法
2013/11/12 PHP
基于preg_match_all采集后数据处理的一点心得笔记(编码转换和正则匹配)
2014/01/31 PHP
PHP实现的多文件上传类及用法示例
2016/05/06 PHP
利用PHP实现一个简单的用户登记表示例
2017/04/25 PHP
PHP CodeIgniter分页实例及多条件查询解决方案(推荐)
2017/05/20 PHP
php实现mysql连接池效果实现代码
2018/01/25 PHP
ThinkPHP5.0 图片上传生成缩略图实例代码说明
2018/06/20 PHP
jquery tab标签页的制作
2010/05/10 Javascript
一个基于jquery的图片切换效果
2010/07/06 Javascript
jtable列中自定义button示例代码
2013/11/21 Javascript
js的toLowerCase方法用法实例
2015/01/27 Javascript
JavaScript实现带箭头标识的多级下拉菜单效果
2015/08/27 Javascript
全面解析Bootstrap中scrollspy(滚动监听)的使用方法
2016/06/06 Javascript
一个简单不报错的summernote 图片上传案例
2016/07/11 Javascript
Javascript 普通函数和构造函数的区别
2016/11/05 Javascript
Ionic3 UI组件之autocomplete详解
2017/06/08 Javascript
详解Vue.js分发之作用域槽
2017/06/13 Javascript
小程序开发之模态框组件封装
2020/04/23 Javascript
[04:59]DOTA2-DPC中国联赛 正赛 Ehome vs iG 选手采访
2021/03/11 DOTA
Python程序中设置HTTP代理
2016/11/06 Python
python 连接sqlite及简单操作
2017/06/30 Python
python解析xml文件方式(解析、更新、写入)
2020/03/05 Python
基于html5 canvas做批改作业的小插件
2020/05/20 HTML / CSS
英国太阳镜品牌:Taylor Morris Eyewear
2018/04/18 全球购物
蔻驰意大利官网:COACH意大利
2019/01/16 全球购物
美国折扣地毯销售网站:Rugs.com
2020/03/27 全球购物
软件工程师面试题
2012/06/25 面试题
医药代表个人求职信范本
2013/12/19 职场文书
硕士研究生求职自荐信范文
2014/03/11 职场文书
小学少先队辅导员述职报告
2015/01/10 职场文书
超搞笑婚前保证书
2015/05/08 职场文书
《月球之谜》教学反思
2016/02/20 职场文书
聊一聊python常用的编程模块
2021/05/14 Python
基于Redis结合SpringBoot的秒杀案例详解
2021/10/05 Redis
Python jiaba库的使用详解
2021/11/23 Python