微信小程序 使用wxs计算获取到的数据

对于已经获取的数据往往还需要一点点小的计算,比如说两个数相除只取两位小数。 
wxs常用于数据处理。 
WXS 代码可以编写在 wxml 文件中的 标签内,或以 .wxs 为后缀名的文件内。

 

情况一 在使用的wxml中写

适用于只在此文件中使用的模块定义

 

step 1

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

 


  1. <wxs module=”m1″>
  2. var getEvery = function(totle,each) {
  3. var eachPrice=(totle/each).toFixed(2);
  4. return eachPrice;
  5. }
  6. module.exports.getEvery = getEvery;
  7. </wxs>

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

 

step 2

用在wxml中:模块名.方法名(参数一 ,参数二);参数为 page.js 里面的 array

 


  1. <text wx:if=”{{goods.childNum>1?’true’:”}}”>折算后单个: ¥{{m1.getEvery(goods.retailPriceJia,goods.childNum)}} </text>

即可。

 

情况二 在引用文件外边定义

wxs 不依赖于运行时的基础库版本,可以在所有版本的小程序中运行。所以不需要在意版本

step 1 .wxs 文件

在微信开发者工具里面,右键可以直接创建 .wxs 文件,在其中直接编写 WXS 脚本。

step 2 单文件定义

可以暴露变量名和函数,可以暴露一个,也可以暴露多个

 


  1. var filters = {
  2. toFix: function (value) {
  3. return value.toFixed(2)//此处2为保留两位小数
  4. }
  5. }
  6. var filt = {
  7. toFix: function (value) {
  8. return value.toFixed(1)//此处1为保留1位小数
  9. }
  10. }
  11. module.exports = {
  12. toFix: filters.toFix,
  13. toFixs: filt.toFix
  14. }

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

 

step 3 在其他页面使用

 


  1. <wxs module=”filt” src=”../components/getfixed.wxs”></wxs>
  2.  
  3. <text class=’items-price-now’>¥{{filt.toFixs(item.retailPriceJia)}}</text><text style=’color:#989898;font-size:22rpx;’>/个</text><text class=’items-price-old’>市场价:¥{{filt.toFixs(item.retailPrice)}}</text>

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

免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。

【小程序源码网资源版权风险说明】:
本站为避免不必要的纷争,分享的所有资源中一切可能有版权风险的资源将全部转载自第三方网站或平台,站长只为大家提供相关资源的介绍和跳转引导。 因可能有疏忽大意,所以如有遗漏资源侵犯了您的合法权利,请联系站长删除。
【小程序源码网资源下载使用说明】:
本站所分享的一切QQ小程序源码,thinkphp整站源码,微信小程序源码,图文教程等资源仅供用户学习参考使用,任何人不得作其他用途,违者自行承担所有责任。
【小程序源码网毫无人看的介绍】:
本站又称Z站,原名贼娘网,开站于2018年,换过三任站长,目前站长是第四任站长,本站是一个主要分享免费开源小程序源码/网站源码/免费素材/教程资源的网站,主要小程序资源有用于学习的小程序源码,也有正版原创可商用的小程序源码,是一个公益博客型网站。
【小程序源码网原创源码版权申明】:
未经小程序源码网许可,任何人不得擅自使用本站原创首发源码进行商业行为(除本站VIP用户在期限内,版权无使用限制),否则将依法承担相应赔偿责任。
【小程序源码网转载文章版权申明】:
本站所转载的QQ小程序或微信小程序源码与其他资源仅供学习,任何人不得作其他用途,违者自行承担所有责任。
【小程序源码网站长最后的屁话】:
如有您认为本站有任何侵犯您合法权益的文章,或者您有什么疑问需求,欢迎联系站长QQ,站长24小时在线,备注公司名称和源码版权问题或者需要小程序定制开发等站长业务类型可急速处理,如果您只是交流小程序的一些开发问题或源码问题可以加入QQ群讨论,就不用加站长啦,对于白嫖党,QQ群才是处理问题的天堂,当然站长也欢迎大家骚扰~
小程序源码网 » 微信小程序 使用wxs计算获取到的数据
嘿,投喂下嘛!