小程序使用wxs解决wxml保留2位小数问题

1.出现溢出表现

从图中可以看到数字超出了很长长度。代码里面是如下这样的。为什么在0.35出现？或者一些相成的计算出现? 而 0.34却不会。

0.41 也会出现，好像是二进制运算出现结果。

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位小数了。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • 微信小程序 保留小数(toFixed)详细介绍

    微信小程序 保留小数(toFixed)详细介绍

     微信小程序 保留小数(toFixed) 今天遇到了不少问题,问题虽小,这里记录下 微信小程序 保留小数(toFixed)的知识: 1.保留小数点后几位小数. 方法很简单.toFixed()即可.括号内的数字表示保留的位数.如果是整数,就会不上0 特别注意:这方法返回的是String,我开始不知道,拿着返回值去做加法,折腾半个小时都是拼字符串,问了黄秀杰大神才知道搞错了.然后用parseInt()转换类型才拿到值. 2.获取几位数 toPrecision() 上图;第一组是获取四位数,第二组是获

  • 小程序使用wxs解决wxml保留2位小数问题

    1.出现溢出表现 从图中可以看到数字超出了很长长度.代码里面是如下这样的.为什么在0.35出现?或者一些相成的计算出现? 而 0.34却不会. 0.41 也会出现,好像是二进制运算出现结果. data: { price:0.01, num:35 }, wxml文件仅仅是处理一个相处的结果. <view> {{price*num}} </view> 2.在wxml文件加入一个约束2位小数操作 在wxml文件里面创建一个方法,调用的时候就可以直接使用保留2位小数的问题了.创建一个wxs

  • 微信小程序中wxs文件的一些妙用分享

    目录 前言 应用 过滤器 拖拽 文件之中相互传参 wxs传参到js逻辑层 js逻辑层传参到wxs文件 wxs中获取dataset(wxs中获取wxml数据) 注意点 总结 前言 wxs文件是小程序中的逻辑文件,它和wxml结合使用. 不同于js, wxs可以直接作用到视图层,而不需要进行视图层和逻辑层的setData数据交互: 因为这个特性,wxs非常适合应用于优化小程序的频繁交互操作中: 应用 过滤器 在IOS环境中wxs的运行速度要远高于js,在android中两者表现相当. 使用wxs作为

  • 详解微信小程序 同步异步解决办法

    详解微信小程序 同步异步解决办法 小程序中函数体还没有完成,下一个函数就开始执行了,而且两个函数之间需要传参.那是因为微信小程序函数是异步执行的.但微信小程序增加了ES6的promise特性支持,微信小程序新版本中移除了promise的支持,需要自己使用第三方库来自行实现ES6的promise特性. WxService.js import Tools from 'Tools' import es6 from '../assets/plugins/es6-promise' class Servic

  • 微信小程序模板与设置WXML实例讲解

    微信小程序模板与设置WXML实例讲解

    目录 一.WXML模板语法--数据绑定 二.WXML模板语法--事件绑定 三.WXML模板语法--条件渲染 1.wx:if 2.结合<block>使用wx:if 3.hidden隐藏 四.WXML模板语法--列表渲染 1.wx:for遍历数组 2.手动指定索引和当前项的变量名* 3.wx:key的使用 一.WXML模板语法--数据绑定 数据绑定的基本原则 在 data 中定义数据 在页面对应的.js文件中,把数据定义到data对象中,如下图在home页面中的home.js中定义home页面的d

  • vue 保留两位小数 不能直接用toFixed(2) 的解决

    用vue做项目的时候多多少少都会遇到这个问题 刚开始我是用toFixed()这个方法来写的 效果是有的 但是控制台一直是红红的围绕着我 突然想到 vue和jquery混搭 的 问题 于是乎 看了一下vue的开发文档 发现过滤器这个东东 并且可以自定义过滤器 js代码 html代码 虽然方法是这样的 但是在写的过程中还有页面上有效果 但是控制台一直红红的 于是我又仔细的看了一下文档 发现我没有把value转为Number类型 我上面放的直接是写好的代码 放心使用 ! 我写的是局部的过滤器 你如果很

  • JS保留两位小数 四舍五入函数的小例子

    js 四舍五入函数 toFixed(),里面的参数 就是保留小数的位数. 复制代码 代码如下: <script language="javascript"> document.write("<h1>JS保留两位小数例子</h1><br>");  var a=2.1512131231231321;    document.write("原来的值:"+a+"<br>");

  • javaScript强制保留两位小数的输入数校验和小数保留问题

    输入input 的格式校验: $(function(){ var data = $.trim($("#inputId").val()); //此正则表达式验证小数位是否超过两位,小数可为1位 || 2位 || 整数 if(!(/^\d+(\.\d{1,2})?$/.test(data ) || /^\d$/.test(data ) )){ alert("输入金额格式不对!最高精确到分"); return ; } //写入对应位置 $(".htmlTextC

  • js保留两位小数方法总结

    本文是小编针对js保留两位小数这个大家经常遇到的经典问题整理了在各种情况下的函数写法以及遇到问题的分析,以下是全部内容: 一.我们首先从经典的"四舍五入"算法讲起 1.四舍五入的情况 var num =2.446242342; num = num.toFixed(2); // 输出结果为 2.45 2.不四舍五入 第一种,先把小数边整数: Math.floor(15.7784514000 * 100) / 100 // 输出结果为 15.77 第二种,当作字符串,使用正则匹配: Num

  • python格式化输出保留2位小数的实现方法

    我是小白就不用多说了,学习python做了个练习题,结果运行了一遍,发现输入金额后得到的有很多位小数, 虽然不知道为什么,但是看得很不舒服, 就想到应该把让小数点后只保留2位数 找到了方法:将{0}改为{:.2f} # 一家商场在降价促销.如果购买金额50-100元(包含50元和100元)之间, # 会给10%的折扣,如果购买金额大于100元会给20%折扣.编写一程序, # 询问购买价格,再显示出折扣(%10或20%)和最终价格 sum_money = float(input('请输入购买总金额

  • Vue toFixed保留两位小数的3种方式

    第一种: 直接写在js里面,这是最简单的 val.toFixed(2) 第二种: 在ElementUi表格中使用 第三种: 在取值符号中使用 {{}} 定义一个方法 towNumber(val) { return val.toFixed(2) } 使用 {{ towNumber(row.equiValue) }} 补充知识:vue中提示toFixed不是函数 vue中toFixed获取小数点后两位 错误提示: .toFixed is not a function 解决办法: Number(_th

随机推荐