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

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

小程序如何使用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)}}

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

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

以上就是小程序如何使用wxs计算获取到的数据的详细内容,更多请关注立业阁其它相关文章!

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服![email protected] QQ276087365
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!

立业阁 微信小程序教程 小程序如何使用wxs计算获取到的数据 https://www.liyege.cn/xcxrhsywjshqddsj.html

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整, 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘
查看详情

相关文章