小程序如何使用wxs计算获取到的数据（微信小程序怎么获取数据）

小程序如何使用wxs计算获取到的数据（微信小程序怎么获取数据）

本篇文章介绍了小程序中使用wxs计算获取到的数据，通过wxs代码可以将写好的事件函数暴露出去并在wxml中进行调用。

程序员必备接口测试调试工具：立即使用Apipost = Postman + Swagger + Mock + Jmeter Api设计、调试、文档、自动化测试工具 后端、前端、测试，同时在线协作，内容实时同步

小程序如何使用wxs计算获取到的数据

对于已经获取的数据往往还需要一点点小的计算，比如说两个数相除只取两位小数。

wxs常用于数据处理。 WXS 代码可以编写在 wxml 文件中的 标签内，或以 .wxs 为后缀名的文件内。情况一 在使用的wxml中写适用于只在此文件中使用的模块定义

step、1定义这个模块 写好事件处理函数 并且暴露出去

var getEvery = function(totle,each) { var eachPrice=(totle/each).toFixed(2); return eachPrice; } module.exports.getEvery = getEvery;-

（推荐学习：小程序开发）

此代码写在了wxml文件中 每一个 .wxs 文件和 标签都是一个单独的模块。 每个模块都有自己独立的作用域。 即在一个模块里面定义的变量与函数，默认为私有的，对其他模块不可见。 一个模块要想对外暴露其内部的私有变量与函数，只能通过 module.exports 实现。

step 2、用在wxml中：模块名.方法名（参数一 ，参数二）；

参数为 page.js 里面的

{{m1.getEvery(goods.retailPriceJia,goods.childNum)}}-

即可。

情况二 在引用文件外边定义wxs 不依赖于运行时的基础库版本，可以在所有版本的小程序中运行。所以不需要在意版本step 1 .wxs 文件在微信开发者工具里面，右键可以直接创建 .wxs 文件，在其中直接编写 WXS 脚本。

step 2 单文件定义可以暴露变量名和函数，可以暴露一个，也可以暴露多个

var filters = { toFix: function (value) { return value.toFixed(2)//此处2为保留两位小数 }}var filt = { toFix: function (value) { return value.toFixed(1) //此处1为保留1位小数 }}module.exports = { toFix: filters.toFix, toFixs: filt.toFix}-

该 .wxs 文件可以被其他的 .wxs 文件 或 WXML 中的 标签引用。

step 3、在其他页面使用

￥{{filt.toFixs(item.retailPriceJia)}}/个市场价：￥{{filt.toFixs(item.retailPrice)}}-

至此，完成。 保留两位小数效果实现。

PHP中文网，大量免费jquery视频教程，欢迎在线学习！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。