wepy微信小程序wxs的使用(解决数字精确度)

WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。

  1. WXS 不依赖于运行时的基础库版本,可以在所有版本的小程序中运行。
  2. WXS 与 JavaScript 是不同的语言,有自己的语法,并不和 JavaScript 一致。
  3. WXS 的运行环境和其他 JavaScript 代码是隔离的,WXS 中不能调用其他 JavaScript 文件中定义的函数,也不能调用小程序提供的API。
  4. WXS 函数不能作为组件的事件回调。
  5. 由于运行环境的差异,在 iOS 设备上小程序内的 WXS 会比 JavaScript 代码快 2 ~ 20 倍。在 android 设备上二者运行效率无差异。

其实,我也没有仔细读上面的句子,我还是直接写上,我在项目中关于wxs文件的应用吧。

首先创建一个wxs文件夹里面有mywxs.wxs文件。

然后里面的代码:输出一个filter函数。

作用是:将传递进来的数字num限制为小数点后最多2位的精确度。

在前端开发过程中,如果我们用123411*0.01,得到的确是1234.1100000000001这样的结果,显然不是我们想要的。

module.exports = {
  text: 'This is from wxs',
  filter: function (num) {
    return parseFloat(num.toFixed(2));
  }
};

我们在需要用到这样数据处理的文件夹引入:

import mywxs from '../../../wxs/mywxs.wxs';

然后进行声明使用:

wxs = {
      m1: mywxs
 }

自此,在当前页面结构中,就可以使用了:

{{m1.filter(item.amount*0.01)}}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值