小程序怎么使用wxs计算获取到的数据
这篇文章将为大家详细讲解有关小程序怎么使用wxs计算获取到的数据,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
公司主营业务:成都网站设计、网站制作、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出临洮免费做网站回馈大家。
小程序如何使用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)}}
至此,完成。 保留两位小数效果实现。
关于小程序怎么使用wxs计算获取到的数据就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
当前标题:小程序怎么使用wxs计算获取到的数据
地址分享:http://ybzwz.com/article/jjjgop.html